Diferentes bordes en varios parrados o en columnas




Para párrafos sin separar:

 <div style="border-color:#79F210; border-style: solid; border-width: 1px; padding: 10px;">

    Aqui pones el texto

  </div>


Aqui pones el texto


Dos columnas:

 <div style="border-color:#F118E2; border-style: solid; border-width: 3px; padding: 10px;">

     <div style="float: left; width: 45%">
    Texto de la columna izquierda
  </div>

  <div style="float: right; width: 45%">
    Texto de la columna derecha
  </div>

  <div style="clear: both"></div>

  </div>

Texto de la columna izquierda
Texto de la columna derecha



Tipos de borde:

dotted: Borde de puntitos

groove: Borde con sombra oscura

ridge: Borde con sombra clara

dashed: Borde discontínuo

solid: Borde contínuo

double: Borde doble

inset: Borde 3D hacia afuera

outset: Borde 3D hacia adentro


Tipos de separación del borde:
padding-top: 15px; padding-bottom:5px; padding-left:20px; padding-right:5px;

No hay comentarios:

Publicar un comentario