Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

[Dúvida] Diferença entre 'background' e background-color

Olá,

estou com duvida a respeito da diferença entre background e background-color; por mais que os dois possam fazer a mesma coisa que alterar a cor do fundo da pagina, não consigo assimilar em quais situação usaria o background ou o background-color.

se alguém poder me dar uma clareada a respeito da utilização destas duas funções fico agradecido.

1 resposta
solução!

Oi Daniel,

background é uma forma 'shorthand' (abreviada) que permite definir várias propriedades de fundo de uma só vez, como cor, imagem, repetição, posição e tamanho. Por exemplo:

Em vez de escrever:

body {
  background-color: #ffffff;
  background-image: url("img_tree.png");
  background-repeat: no-repeat;
  background-position: right top;
}

Você pode usar a propriedade abreviada background:

body {
  background: #ffffff url("img_tree.png") no-repeat right top;
}

Veja mais em: CSS Background Shorthand

tux matrix    Caso este post o tenha ajudado, por favor, marcar como solucionado ☑️. Bons Estudos! 🤓