background-color

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 clave transparent.

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) es transparent tomando así el color del elemento que está justo debajo de él en el apilamiento.

Ejemplos

HTML

<div class="exampleone">
 Lorem ipsum dolor sit amet, consectetuer
</div>

<div class="exampletwo">
  Lorem ipsum dolor sit amet, consectetuer
</div>

<div class="examplethree">
  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

Notas

(Add links to good colour reference sites here.)

Especificaciones

Compatibilidad de navegadores

TBD: This may be removed in favour of a centralized compatibility chart.

Navegador soporta background-color
Internet Explorer 6 parcialmente
Internet Explorer 7 parcialmente
Firefox 1.5
Firefox 2
Opera 8.5 parcialmente
Opera 9 parcialmente
Konqueror 3.5
Safari 2

Ver también