Atributo background-color de CSS

Definición y uso

background-color Establece el color de fondo del elemento.

Rango del fondo del elemento

background-color Para establecer un color puro para el elemento. Este color llenará el contenido del elemento, los márgenes internos y el área del borde, extendiéndose hasta el borde exterior del elemento (pero no incluyendo el margen exterior). Si el borde tiene partes transparentes (como un borde de puntos), se mostrará el color de fondo a través de estas partes transparentes.

el valor transparente

A pesar de que en la mayoría de los casos no es necesario usar transparenteSin embargo, si no desea que un elemento tenga color de fondo y, al mismo tiempo, no desea que la configuración de colores del usuario afecte a su diseño, configure transparente El valor es necesario.

Véase también:

Tutoriales de CSS:CSS Fondo

Manual de referencia del DOM HTML:Atributo backgroundColor

Ejemplo

Establecer colores de fondo para diferentes elementos:

body
  {
  background-color:yellow;
  }
h1
  {
  background-color:#00ff00;
  }
p
  {
  background-color:rgb(255,0,255);
  }

Prueba tú mismo

Sintaxis de CSS

background-color: color|transparente|initial|inherit;

Valor del atributo

Valor Descripción
color_name Define el color de fondo con un nombre de color (por ejemplo, red).
hex_number Define el color de fondo con un valor hexadecimal (por ejemplo, #ff0000).
rgb_number Define el color de fondo con un código rgb (por ejemplo, rgb(255,0,0)).
transparente Por defecto. El color de fondo es transparente.
inherit Define que la propiedad background-color debe ser heredada del elemento padre.

Detalles técnicos

Valor por defecto: transparente
Herencia: no
Versión: CSS1
Sintaxis de JavaScript: object.style.backgroundColor="#00FF00"

Compatibilidad del navegador

La tabla de números indica la versión del navegador que admite completamente la propiedad.

Chrome Edge Firefox Safari Opera
Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5