CSS atributo background-color
Ejemplos
Ajuste el color de fondo de diferentes elementos:
{
background-color:yellow;
}
h1
{
background-color:#00ff00;
}
p
{
background-color:rgb(255,0,255);
}
Trate »
definiciones de código e instrucciones
la propiedad background-color establece el color de fondo de un elemento.
El tamaño total de los elementos de fondo del elemento, incluyendo el relleno y el borde (pero sin incluir los márgenes).
| Por defecto: | transparente |
|---|---|
| herencia: | no |
| Version: | CSS1 |
| la sintaxis de JavaScript: | objetar object.style.backgroundColor = "# 00FF00" |
Soporte para el navegador
Las cifras de la tabla representan el primer navegador compatible con el número de versión de la propiedad.
Inmediatamente después de la -webkit- digital, -MS- o hace -moz- en apoyo del prefijo atribuyen primer número de la versión del navegador.
| 属性 | |||||
|---|---|---|---|---|---|
| background-color | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Todos los principales navegadores soportan propiedad background-color.
Tenga en cuenta que Internet Explorer 7 y versiones anteriores no son compatibles con el valor "hereda".IE8 necesita definir! DOCTYPE. IE9 soporta la "herencia".
Notas y sugerencias
Consejo: Utilice loscoloresdefondo y de texto para que el texto sea más fácil de leer.
propiedad Valor
| valor | descripción |
|---|---|
| color | Especifica el color de fondo. En valor de color CSS como sea posible para encontrar una lista completa de los valores de color. |
| transparente | Especifica el color de fondo debe ser transparente. Este es el valor por defecto |
| heredar | Especifica el color de fondo debe ser heredado de elemento padre |
ejemplos en línea
Ajuste parte del color de fondo de texto
Este ejemplo muestra cómo establecer parte del color de fondo de texto.
Artículos relacionados
CSS tutorial: fondo CSS