background-color
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
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.
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) estransparenttomando así el color del elemento que está justo debajo de él en el apilamiento.
Ejemplos
HTML
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
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
| Specification |
|---|
| CSS Backgrounds and Borders Module Level 3 # background-color |