CSS3 ofrece una nueva propiedad por la que puedes dar color a los bordes en contenendores (DIV) y otros elementos. Mediante border-color podrás implementar esta nueva funcionalidad.
Para utilizar esta función en CSS3 lo harás de la siguiente forma:
1 | border: 8px solid #000; |
Esta propieda toma 3 valores:
- El primer valor da el tamaño en pixeles del borde.
- El segundo valor toma el tipo de borde que daremos al contenedor o elemento.
- El tercer valor dará un color en hexadecimal al borde.
Ahora veremos un ejemplo de un contenedor (DIV) con un borde de 8 pixeles, de tipo dotted (punteado) y de color verde. El código sería así:
1 | border: 2px dotted #008040; |
Ejemplo de Borde con color
Gracias a css3.info
Compatible: Codigo CSS, Tutoriales
