Como fazer um fundo de página Web com Centro de Imagem

Às vezes um , centrado fundo solitário página da Web pode criar um efeito dramático que melhora o humor de um website. Por exemplo, uma imagem da Terra flutuando contra um contexto preto pode encantar os visitantes para um site de astronomia. Muitos desenvolvedores usam folhas de estilo para controlar a posição ea aparência de cada objeto em uma página web. Isto inclui fundos . Experimente com fundos centralizados , escolhendo uma de suas imagens favoritas e denominando -o em sua página web. Instruções
1

Abrir Bloco de Notas. Adicione o seguinte texto para criar um documento HTML vazio :

< DOCTYPE html PUBLIC " - //W3C //DTD XHTML 1.0 Transitional //PT " " http://www.w3.org/TR /xhtml1/DTD/xhtml1 - transitional.dtd">

< html xmlns = " http://www.w3.org/1999/xhtml " >

< cabeça >

< título > Centro de uma página de teste <web; /title >

< - seção estilo Insira aqui ** - >

< /cabeça >

< corpo >

< h1 > Esta página tem uma imagem de fundo Centrado < /h1 >

< input id = tipo "Button1 " = " botão " value = " button " /> < input id =" Text1 "type =" text " />

< /body >

< /html >

Este código cria um título, um botão e uma caixa de texto
2

Adicionar o código do seguinte estilo abaixo " seção Insert estilo aqui: " .

< estilo >

body {background: url ( ' xyz.jpg ') centro fixo no-repeat; }

< /estilo >

Este definição de estilo centraliza a imagem de fundo do corpo da página . Substituir " xyz.jpg " com uma das suas imagens.
3

Pressione " Ctrl + S " para abrir o Bloco de Notas "Salvar como" janela. Digite " Center_Web_Page_Test.html " na caixa " Nome do arquivo " e clique em " Salvar". Bloco de Notas irá salvar o arquivo HTML.
4

Abra o navegador e pressione " CTRL + O" para abrir a janela "Abrir arquivo " . Localize o arquivo HTML e clique duas vezes nele . O navegador irá exibi-lo . Verifique se o navegador centraliza a imagem de fundo.