Quando você cria seu próprio site, naturalmente deseja que ele seja exibido da forma mais atraente possível, independentemente da versão do navegador do usuário. Em particular, para que a imagem de fundo seja esticada e ajustada à resolução do monitor do computador.
É necessário
habilidades em trabalhar com html, css, java-script
Instruções
Passo 1
Abra o código do seu site em qualquer editor, como o Bloco de notas ou um programa de web design dedicado, o Dreamweaver. Cole as seguintes linhas no código para esticar o plano de fundo do site. Adicionar plano de fundo: url (‘Insira um link para a imagem’).
Passo 2
Para dimensionar a imagem horizontalmente, use o seguinte código: Background: url (‘Inserir um link para a imagem’ repeat-x), verticalmente - no final do código, substitua x por y. Se o estilo do site for um arquivo css, cole o código nele. Dessa forma, você poderá colocar um fundo emborrachado em seu site.
etapa 3
Use o exemplo de código a seguir para colocar uma imagem de plano de fundo em uma página e esticá-la automaticamente para se ajustar à resolução do monitor no qual a página está sendo exibida. Exemplo de código: body {background: "Insira um link para a imagem de fundo" () sem repetição fixo centro esquerdo; então background-size: […].
Passo 4
Para esticar a imagem de fundo, basta inserir uma imagem como fundo e definir sua largura para 100%. Por exemplo, insira o seguinte texto no código da página: imagem de fundo "alt =" Insira o nome da imagem "/>. Assim, ele será usado para se ajustar à largura da imagem, mas suas proporções serão violadas.
Etapa 5
Da mesma forma, você pode definir a imagem para esticar em altura, use altura em vez do atributo largura. Ou use o seguinte exemplo de código para css: background image of the site) "> e depois adicione 100% da largura da imagem como no exemplo anterior. Você também pode usar o script para descobrir a resolução da tela do usuário e editar o tamanho de sua mesa para isso.
