En una fila:
<div style="border-color:#79F210; border-style: solid; border-width: 3px; padding: 15px;">
Aquí pones el texto que queráis que aparezca dentro del cuadro
</div>
Aquí pones el texto que queráis que aparezca dentro del cuadro
Dos columnas:
<div style="border-color:#F118E2; border-style: solid; border-width: 5px; padding: 15px;">
<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
Distintos tipos de borde:
Puntitos..dotted
Sombra oscura..groove
Sombra clara..ridge
Discontinuo..dashed
Continuo..solid
doble..double
3D hacia afuera..inset
3D hacia adentro..outset
Tipos de separación del borde:
Se puede sustituir padding:15px; por lo siguiente y poder dar distintos márgenes de la línea de color:
padding-top: 10px; padding-bottom:10px; padding-left:10px; padding-right:10px;
También se puede cambiar el color de los bordes.