O cor de fundo propriedade em CSS é usada para definir a cor de fundo de um elemento. Aplica cores sólidas como plano de fundo do elemento. O plano de fundo de um elemento cobre o tamanho total, incluindo o preenchimento e a borda, mas excluindo a margem. Pode ser aplicado a todos os elementos HTML.

Sintaxe

 element transparent 

O nome_cor O valor desta propriedade define o valor da cor de fundo ou especifica os códigos de cores. Pode ser fornecido usando o nome da cor, o valor rgb() ou o valor hexadecimal.

O transparente O valor desta propriedade é o valor padrão, que especifica a cor de fundo transparente.

Exemplo

Neste exemplo, estamos definindo o valor do cor de fundo propriedade usando o nome da cor, o valor hexadecimal, o valor rgb() e o valor hsl(). Existem quatro elementos div nos quais aplicamos o cor de fundo propriedade.

 background-color property body { text-align:center; } h1{ color: blue; } div{ font-size: 25px; padding: 50px; border: 5px solid red; margin: 20px; } #one{ background-color: lightgreen; } #two{ background-color: #ddaefa; } #three{ background-color: rgb(155, 55, 128); color: white; } #four{ background-color: hsl(60, 22%, 50%); color: white; } background-color: lightgreen; background-color: #ddaefa; background-color: rgb(155, 55, 128); background-color: hsl(60, 22%, 50%); 

Saída