A linguagem de marcação HTML permite que um web designer use qualquer imagem como imagem de fundo. No entanto, a linguagem em si não possui controles integrados para imagens de fundo. Mais ajuste fino é feito usando folhas de estilo CSS em cascata.
Instruções
Passo 1
Para fazer o plano de fundo esticar até a largura total do navegador, você precisa usar o parâmetro z-index em seu CSS. Ele permite que você defina a ordem dos elementos que você cria. Quanto maior o valor deste atributo, maior será o bloco localizado na página.
Passo 2
Crie novos documentos em formato html e css (botão direito do mouse - "Novo" - "Arquivo de texto") e abra-os usando qualquer editor de texto.
etapa 3
Coloque a imagem de fundo na camada inferior. Ele se estenderá dependendo da resolução da tela. Na parte superior, outro elemento estará localizado no qual o conteúdo da página será exibido. Para fazer isso, crie dois blocos. No arquivo css, escreva:.1camada {índice z: 1; largura: 100% altura: 100% posição: absoluto;}. 2 camada {Posição: absoluto; índice z: 2; } A posição: parâmetro absoluto permite que você defina o posicionamento absoluto, ou seja, a camada será posicionada independentemente de outros elementos.
Passo 4
Inclua o código CSS gerado no arquivo HTML usando a tag do link: Plano de fundo da página
Etapa 5
Crie uma nova camada. Usando a tag
coloque uma foto nele. Por exemplo: Conteúdo da página Para img, apenas o parâmetro largura é especificado, pois se você especificar a altura adicionalmente, em alguns navegadores, a distorção da imagem aparecerá.
Etapa 6
Salve suas alterações. Para testar seu código, amplie a página na janela do navegador. A imagem de fundo também deve ser ampliada.
