Para criar um website com uma única imagem como plano de fundo, recomendamos usar o exemplo CSS abaixo em seu código HTML.

Para implementar o código acima em sua página da web, copie as linhas acima e cole entre as seções da sua página web. Se você estiver usando um editor de páginas da Web WYSIWYG, será necessário clicar no link ou na opção que permite inserir o código HTML antes de inserir o código acima. Finalmente, este exemplo está usando uma imagem da Computer Hope. Se você quiser usar uma figura personalizada, substitua a URL em negrito acima pela localização da foto.

Dica: Se você estiver usando uma folha de estilos CSS externa, também poderá copiar a parte do corpo do exemplo acima em seu arquivo CSS.

Insira o código acima aqui

Exemplo

Dica: muitos usuários podem querer criar uma única imagem grande como plano de fundo. Se você estiver planejando fazer isso, seja atencioso com pessoas com conexões de Internet mais lentas. As imagens grandes demoram para carregar e podem não parecer adequadas às pessoas que usam um tamanho ou resolução de monitor menor.

Nota: Se você deseja definir a imagem de fundo a ser repetida, defina a propriedade background-repeat como um dos seguintes:

• repeat - repete a imagem de fundo horizontalmente e verticalmente.
• repeat-x - repete a imagem de plano de fundo apenas horizontalmente.
• repeat-y - repete a imagem de fundo apenas na vertical.