5.6 - Imagem de fundo |
Estude o exemplo:
|
|
Observe no exemplo acima que a imagem "fundo.gif" (figura ao lado) encontra-se repetida no fundo da página como se fosse um papel de parede. Para adicionar uma imagem de fundo, basta especificar na etiqueta inicial do elemento BODY, o atributo background contendo o endereço URI da imagem. |
No exemplo acima, experimente substituir a etiqueta inicial do
elemento BODY pelo trecho de código:
<BODY background="barra.jpg">
barra.jpg
O único problema em utilizar a imagem "barra.jpg" como fundo de página é que se a janela ocupar mais do que 600 pixels de largura (que corresponde à largura desta imagem), a imagem será repetida ao lado e, assim sendo, não será obtido o efeito esperado (experimente maximizar a janela). Uma possível forma de contornar este problema é fazer a imagem suficientemente larga tal que nenhuma janela seja grande o suficiente para a imagem se repetir ao lado. 1200 pixels de largura costuma ser suficiente. Experimente utilizar a figura "barra2.jpg" (possui 1200 pixels de largura).
É preciso tomar certos cuidados na escolha do fundo de uma página. Procure escolher uma imagem que se encaixe perfeitamente, como se fosse um papel de parede. Evite utilizar imagem muito coloridas - pode atrapalhar a leitura do conteúdo da página.
