Ocho estilos de bordes con HTML

Si talvez te ha enfadado el mismo estilo de borde que se utiliza por defecto (solid) en las plantillas y deseas cambiarlo por otro diferente... yo lo logre cambiar por otros estilos.



A continuación te dejo los 8 ejemplos de estilos de bordes:

<p style="border: solid 10px #CCCCCC;">Borde estilo solid por defecto</p>

<p style="border: dotted 10px #009900;">Borde estilo dotted</p>

<p style="border: dashed 10px #0000FF;">Borde estilo dashed</p>

<p style="border: double 10px #FF0000;">Borde estilo double</p>

<p style="border: groove 10px #CC33FF;">Borde estilo groove</p>

<p style="border: ridge 10px #FFCC00;">Borde estilo ridge</p>

<p style="border: inset 10px #FF8000;">Borde estilo inset</p>

<p style="border: outset 10px #990000;">Borde estilo outset</p>

<p style="background-color: #CCCCCC; text-align: center; height: 20px; width: 500px; border-bottom: #FF0000 10px groove; border-left: #0000FF 10px double; border-right: #CC33FF 10px dotted; border-top: #009900 10px dashed; padding-bottom: 45px; padding-left: 45px; padding-right: 45px; padding-top: 20px;">
Bordes estilos distintos con colores distintos
</p>