Imagem de Fundo do CSS

Imagem de Fundo do CSS

background-image A propriedade especifica a imagem usada como fundo do elemento.

Por padrão, a imagem se repetirá para cobrir todo o elemento.

Exemplo

A imagem de fundo da página pode ser configurada assim:

body {
  background-image: url("paper.gif");
}

Experimente você mesmo

Exemplo

Este exemplo mostra o texto e a imagem de fundo:Combinação errada.Texto difícil de ler:

body {
  background-image: url("bgdesert.jpg");
}

Experimente você mesmo

Atenção:Ao usar imagens de fundo, use imagens que não interfiram com o texto.

Você também pode definir uma imagem de fundo para elementos específicos, por exemplo, o elemento <p>:

Exemplo

p {
  background-image: url("paper.gif");
}

Experimente você mesmo