CSS atributo background-color
Exemplos
Defina a cor de diferentes elementos de fundo:
{
background-color:yellow;
}
h1
{
background-color:#00ff00;
}
p
{
background-color:rgb(255,0,255);
}
tente »
definições e instruções tag
propriedade background-color define a cor de fundo de um elemento.
O tamanho total dos elementos de fundo do elemento, incluindo o preenchimento e borda (mas não incluindo as margens).
| padrão: | transparente |
|---|---|
| herança: | não |
| versão: | CSS1 |
| sintaxe JavaScript: | objeto object.style.backgroundColor = "# 00FF00" |
Suporte a navegadores
Números na tabela representam o primeiro navegador a suportar o número da versão da propriedade.
Imediatamente após a -webkit- digitais, -ms- ou -moz- atrás em apoio do prefixo atribuem primeiro número da versão do browser.
| 属性 | |||||
|---|---|---|---|---|---|
| background-color | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Todos os principais navegadores suportam propriedade background-color.
Note-se que o IE7 e versões anteriores não suportam valor "herdar".IE8 precisa definir! DOCTYPE. IE9 apoiar o "herança."
Dicas e Notas
Dica: Use ascores de fundo e de texto para tornar o texto mais fácil de ler.
Valor de propriedade
| valor | descrição |
|---|---|
| cor | Especifica a cor de fundo. Em valor de cor CSS possível encontrar uma lista completa dos valores de cores. |
| transparente | Especifica a cor de fundo deve ser transparente. Este é o padrão |
| herdar | Especifica a cor de fundo deve ser herdado do elemento pai |
exemplos on-line
Definindo parte da cor de fundo do texto
Este exemplo demonstra como definir parte da cor de fundo do texto.
artigos relacionados
CSS tutorial: fundo CSS