Resumen

Background-color es un propiedad de CSS que define el color de fondo de un elemento, puede ser el valor de un color o la palabra clavetransparent.

• Valor inicial: transparente
• Se aplica a: todos los elementos
• Herencia: no
• Percentages: N/A
• Medio:visual
• Valor calculado: como se haya especificado

Sintaxis

background-color: color | transparent | inherit

Valores

<color>

Se puede especificar el color de fondo como un valor RGB hexa-decimal o regular, o utilizando una de las palabras claves predefinidas de color.

transparent

El valor por defecto del color de fondo (background-color) estransparent tomando así el color del elemento que está justo debajo de él en el apilamiento.

Ejemplos

HTML

<div>Lorem ipsum dolor sit amet, consectetuer</div><div>Lorem ipsum dolor sit amet, consectetuer</div><div>Lorem ipsum dolor sit amet, consectetuer</div>

CSS

.exampleone {  background-color: teal;  color: white;}.exampletwo {  background-color: rgb(153, 102, 153);  color: rgb(255, 255, 204);}.examplethree {  background-color: #777799;  color: #ffffff;}

Result

Especificaciones

Compatibilidad con navegadores

Ver también

background,background-attachment,background-color,background-image,background-position,background-repeat