Backgrounds

Vamos conhecer essas propriedades!

Background Color

A propriedade background-color serve para definirmos uma cor de fundo para a nossa caixa, aceita os valores das cores em:

• Hexadecimal (#FFF)
• Rgba (rgba(255, 255, 255, 1))
• Hsla (hsla(100, 0%, 100%, 1))
• Hsva (hsva(0, 0%, 100%, 1))
• Nomeadas (red)

.target {
  background-color: #000;
}

Background Image

A propriedade background-image serve para definirmos uma imagem ou algum efeito de gradiente para o fundo do nosso elemento.

.target {
  background-image: linear-gradient(to right, #31AEDF, #3CD3C1);
}