background-color

Resumo

background-color configura a cor de fundo de um elemento, com qualquer valor de cor ou a palavra-chave transparent.

• Valor inicial: transparent
• Aplica-se a: todos os elementos
• Herdado: não
• Porcentagens: N/A
• Mídia: visual
• Valor computado: como especificado

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

View the live example

.exampleone {
	background-color: teal;
	color: white;
}

.exampletwo {
	background-color: rgb(153,102,153);
	color: rgb(255,255,204);
}

.examplethree {
	background-color: #666699;
	color: #FFFFFF;
}

Notas

Referência de cores: en/CSS/color_value

Especificações

• CSS 1
• CSS 2.1
• CSS 3

Compatibilidade com navegadores

Veja também

• Background-related CSS properties: background, background-attachment, background-clip, background-color, background-image, background-origin, background-position, background-repeat, background-size
• Multiple backgrounds