Exemplo
Defina a cor de fundo de diferentes elementos:
body
{
background-color: yellow;
}
h1
{
background-color: #00ff00;
}
p {
background-color: rgb(255,0,255);
} Tente você mesmo " Mais "Try it Yourself" exemplos abaixo.
Definição e Uso
A propriedade background-color define a cor de fundo de um elemento.
O pano de fundo de um elemento é o tamanho total do elemento, incluindo o preenchimento e borda (but not the margin) .
Tip: Use uma cor de fundo e uma cor de texto que torna o texto fácil de ler.
| Valor padrão: | transparent |
|---|---|
| Herdado: | no |
| Animatable: | yes. Read about animatable Try it |
| Versão: | CSS1 |
| sintaxe JavaScript: | object .style.backgroundColor="#00FF00" Try it |
Suporte a navegadores
Os números na tabela especificar a primeira versão do browser que suporta totalmente a propriedade.
| Propriedade | |||||
|---|---|---|---|---|---|
| background-color | 1.0 | 4.0 | 1.0 | 1.0 | 3,5 |
CSS Syntax
background-color:color|transparent|initial|inherit;Valores de propriedade
| Valor | Descrição | Jogue |
|---|---|---|
| color | Especifica a cor de fundo. Olhe para valores de cor CSS para uma completa lista de possíveis valores de cor. | Jogue " |
| transparent | Especifica que a cor de fundo deve ser transparente. Este é o padrão | Jogue " |
| initial | Define essa propriedade para o valor padrão. Leia sobre inicial | Jogue " |
| inherit | Herda essa propriedade do seu elemento pai. Leia sobre herdar |
mais Exemplos
Exemplo
Defina a cor de fundo de uma parte do texto:
span.highlight {
background-color: yellow;
}
Tente você mesmo " Páginas relacionadas
CSS tutorial: Background CSS
HTML DOM de referência: backgroundColor property