•  
     

HTML colocando imagem de fundo - Background



Background é um atributo para a tag body portando á adicionamos dentro de body.
Exemplo:

Código: Selecionar todos

<body background="Url da imagem de fundo">

Ou

Código: Selecionar todos

<body background="Nome da imagem de fundo">
Temos 2 maneiras de colocar uma imagem ao fundo a primeira delas é colocar por URL ou seja copiando o link da imagem podemos adicionar qualquer imagem da internet ao fundo.
Exemplo:

Código: Selecionar todos

<body background="http://www.gurubr.com/styles/subsilver2/imageset/site_logo.gif">
Assim caso a imagem não preencha todo o fundo ela irá se repetir até cobrir todo o fundo veja no exemplo como ficou :
teste.JPG
Copie o código e salve como Background.html e veja como fica :

Código: Selecionar todos

<html>
<head>
<title> www.gurubr.com </title>
</head>
<body background="http://www.gurubr.com/styles/subsilver2/imageset/site_logo.gif">
<p> Teste </p>
</body>
</html>
A segunda maneira é colocando uma imagem que salvamos em nosso PC basta adicionar o nome para da imagem e deixe-a junto ao arquivo .hmtl veja no exemplo usei a mesma imagem :
teste2.JPG
Copie o código salve como background2.html e veja como fica :

Código: Selecionar todos

<html>
<head>
<title> www.gurubr.com </title>
</head>
<body background="nome de sua imagem">
<p> Teste </p>
</body>
</html>
Obs: altere a linha <body background="nome de sua imagem"> nome de sua imagem para o nome da imagem que irá utilizar.

[/b]
 


Estes tópicos sobre Webdesiner são muito maneiros!!!
 


Terminator escreveu:Estes tópicos sobre Webdesiner são muito maneiros!!!
Na http://www.gurubr.com/ postamos bastante sobre isso
 


uummmmm....
show de bola em puma!
 


enigma; escreveu:
Terminator escreveu:Estes tópicos sobre Webdesiner são muito maneiros!!!
Na http://www.gurubr.com/ postamos bastante sobre isso
vo da uma olhada
Página inicial