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 "transparente".

• 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) es transparente 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

• CSS 1 (en)
• CSS 2.1 (en)
• CSS 3 (en)

Compatibilidad de navegadores

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

Ver también

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