Como colocar plano de fundo
em uma página HTML





O plano de fundo de uma página, ao mesmo tempo que pode deixa-la extremamente apreciativa, pode também apaga-la diante de quem vê...

O plano de fundo é um fator muito importante quando se preocupa com proporção visual de uma página. Um plano de fundo muito escuro em um texto preto pode invisibilizar todo o texto, assim como um plano de fundo bordado pode deixar nossa página atraente, por mais que seu conteúdo não nos satisfaça.


Para colocarmos um plano de fundo em um apágina, existem duas propriedades, uma para colocarmos imagens e outra para definirmos a cor. Estas duas propriedades também são usadas para definir planos de fundo de tabelas, alguns objetos, algumas figuras (*.gif), etc. Porém, a diferença é que para definirmos o plano de fundo de uma página, uma das duas propriedades deve ser declarada dentro da tag <body>,

A propriedade usada para definir cor de fundo é a propriedade bgcolor


A propriedade usada para colocar imagem como plano de fundo é a propriedade background




BgColor BackGround
<body bgcolor="black">:Usada dentro da tag <body>, a propriedade bgcolor nos permite definir a cor do plano de fundo de nossa página. <body background="Imagem.jpg">: Usada dentro da tag <body>, a propriedade background nos permite colocar uma imagem como plano de fundo de nossa página.
<body bgcolor="#999999">: As cores do plano de fundo podem ser definidas pelo nome em inglês (entre aspas ""), ou pelo seu código de cores html (tabém entre aspas "").


Veja o exemplo!

<body background="BackExemplo.jpg">: As imagem do plano de fundo podem ser imagens de extenção "Nome da Imagem.jpg" ou "Nome da Imagem.gif" (Não se esqueça das aspas "").


Veja o exemplo!


<body background="Imagem.jpg" bgproperties=fixed>: Também há um atributo referente as propriedades background e bgcolor, o atriburo bgproperties=fixed. É usado para fixar o plano de fundo da página, impedindo que ele suba com a página quando a barra de rolagem for rolada para baixo. Mas só funciona no Internet Explorer


Veja o exemplo!





Dúvida? Procure no Google
Aprenda CSS também. Maujor o dinossauro da CSS.