Join MDN and developers like you at Mozilla's View Source conference, 12-14 September in Berlin, Germany. Learn more at https://viewsourceconf.org

background-color

Esta traducción está incompleta. Por favor, ayuda a traducir este artículo del inglés.

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

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

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

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

Etiquetas y colaboradores del documento

 Colaboradores en esta página: danielfdez, SphinxKnight, teoli, Yuichiro, Nathymig
 Última actualización por: danielfdez,