Como definir planos de fundo com cor, imagem e as principais propriedades de background
As propriedades de background controlam o plano de fundo de um elemento. Você pode usar cor sólida, imagem ou uma combinação dos dois.
A propriedade background-color define uma cor sólida como plano de fundo.
Carregando...Funciona em qualquer elemento HTML, não só no body.
A propriedade background-image define uma imagem como plano de fundo.
Carregando...Por padrão, a imagem se repete até preencher todo o elemento. Para controlar isso, use background-repeat.
Carregando...Quando a imagem não se repete, você pode controlar onde ela aparece com background-position.
Carregando...Os valores podem ser palavras-chave (top, bottom, left, right, center) ou valores em pixels e porcentagem.
A propriedade background-size controla o tamanho da imagem de fundo.
Carregando...cover é o valor mais usado quando você quer uma imagem de fundo que preencha a tela inteira sem distorcer.
Com background-attachment você pode fazer o fundo ficar fixo enquanto o conteúdo rola.
Carregando...Em vez de declarar cada propriedade separadamente, você pode usar a propriedade background para reunir tudo em uma linha.
Carregando...A ordem é: cor imagem repetição posição / tamanho. Use a forma resumida quando o valor ficar legível. Se ficar confuso, prefira as propriedades separadas.