border-style
Permite definir el borde a mostrar alrededor de un elemento.
Modificamos el html:
<p class=»descripcion»>Rosario ….y premios</p>
.descripcion {
color:
font: 14px Arial;
letter-spacing: 1px;
word-spacing: 1px;
text-align: justify;
border-style: solid; (se muestra un borde formado por una línea simple y sólida)
Probar con dotted (línea de bordes), dashed (líneas intermitentes), double (dos líneas sólidas)
border-width
Permite definir el grosor del borde a mostrar alrededor de un elelemento. Esta propiedad debe ir junto a la propiedad border-width.
Añadimos en el css lo siguiente:
.descripcion {
color:
font: 14px Arial;
letter-spacing: 1px;
word-spacing: 1px;
text-align: justify;
border-style: solid;
border-width: 3px; (se expresa el grosor en píxeles)
border-color
Define el color del borde alrededor de un elemento.
border
Define el estilo del borde alrededor de un elemento en una sola línea.
Ej:
border: 1px solid blue;
Bordes individuales
Ejemplos:
border-bottom: 4px solid blue;
border-left: 2px solid red;
border-right:
border-top: