Conhecendo o CSS - Juntar imagem ao fundo

Você pode anexar em um documento uma imagem de fundo ou qualquer elemento.
Existem outras maneiras de controlar fundos com CSS, dando-lhe um vasto de opções quando se trata de aplicar design visual ao seu site. Ao combinar uma página com elementos de fundo você pode criar múltiplas camadas de imagens e efeitos especiais.

Primeiro, vamos ter que anexar a imagem de fundo ao documento. Isto é feito selecionando o corpo e criando uma regra usando a background-image com o valor da imagem do local e o nome:

body {background-image: url(imagem_que_você_que_utilizar.jpg);}

Obs.:
As imagens em um fundo ficam ladrilhadas (repetidas) o que é um comportamento normal para o navegador. Com HTML, você não tem nenhum controle sobre como uma imagem será mostrada.
Porém, existe algumas formas de fazer com que ela não se repita.

Você também pode adicionar imagens a elementos. Se você quiser esta imagem
para aparecer no fundo de todas as suas posições, você poderia criar a seguinte regra:
H1, h2, h3, h4, h5, h6 (background-image: URL (imagem_que_você_que_utilizar.jpg);)

Posted in: