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) es transparent tomando 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

Compatibilidad con navegadores

BCD tables only load in the browser

Ver también

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