Ejemplo
Ajuste el color de fondo de diferentes elementos:
body
{
background-color: yellow;
}
h1
{
background-color: #00ff00;
}
p {
background-color: rgb(255,0,255);
} Inténtalo tú mismo " Más "Try it Yourself" ejemplos a continuación.
Definición y Uso
La propiedad background-color establece el color de fondo de un elemento.
El fondo de un elemento es el tamaño total del elemento, incluido el relleno y el borde (but not the margin) .
Tip: Utilice un color de fondo y el color del texto que hace que el texto fácil de leer.
| Valor por defecto: | transparent |
|---|---|
| Heredado: | no |
| animatable: | yes. Read about animatable Try it |
| Versión: | CSS1 |
| la sintaxis de JavaScript: | object .style.backgroundColor="#00FF00" Try it |
Soporte para el navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.
| Propiedad | |||||
|---|---|---|---|---|---|
| background-color | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
sintaxis CSS
background-color:color|transparent|initial|inherit;Valores de propiedad
| Valor | Descripción | Juegalo |
|---|---|---|
| color | Especifica el color de fondo. Mira valores de color CSS para obtener una lista completa de los posibles valores de color. | Juegalo " |
| transparent | Especifica que el color de fondo debe ser transparente. Esto es por defecto | Juegalo " |
| initial | Establece esta propiedad a su valor por defecto. Lea acerca inicial | Juegalo " |
| inherit | Hereda esta propiedad de su elemento padre. Lee sobre heredar |
Más ejemplos
Ejemplo
Ajuste el color de fondo de una parte del texto:
span.highlight {
background-color: yellow;
}
Inténtalo tú mismo " Páginas relacionadas
CSS tutorial: Antecedentes CSS
Referencia HTML DOM: backgroundColor property