Resumo
background-color configura a cor de fundo de um elemento, com qualquer valor de cor ou a palavra-chave transparent.
Sintaxe
background-color: color | transparent | inherit
Valores
- color
- A cor pode ser especificada com um valor RGB hexadecimal, um valor RGB regular ou usando umas das palavras-chave pré-definidas.
- transparent
- O valor padrão para
background-color é transparent, o que significa que o elemento não tem cor própria, em vez disso ele exibe a cor do elemento de trás.
Exemplos
HTML
<div class="exampleone">
Lorem ipsum dolor sit amet, consectetuer
</div>
<div class="exampletwo">
Lorem ipsum dolor sit amet, consectetuer
</div>
<div class="examplethree">
Lorem ipsum dolor sit amet, consectetuer
</div>
CSS
.exampleone {
background-color: teal;
color: white;
}
.exampletwo {
background-color: rgb(153,102,153);
color: rgb(255,255,204);
}
.examplethree {
background-color: #777799;
color: #FFFFFF;
}
Result
Especificações
Compatibilidade com navegadores
| Navegadores |
Versão mais antiga |
| Internet Explorer |
4.0 |
| Firefox (Gecko) |
1.0 (1.0) |
| Opera |
3.5 |
| Safari (WebKit) |
1.0 (85) |
Veja também