Como fazer um mosaico de uma imagem em HTML

Uma imagem em mosaico em uma página da web.

Passo 1

Abra o arquivo HTML em um editor de texto simples. Role até a seção HTML marcada "". Este é o lugar onde a imagem de fundo será colocada.

Passo 2

Crie o código para definir uma imagem de fundo. Isso deve estar localizado na pasta "Imagens" no disco rígido do seu servidor web. O código a seguir irá definir a imagem de fundo "theImage.jpg" no site:

corpo {background: white url (/images/theImage.jpg); }

Passo 3

Coloque a imagem mosaica horizontalmente. O código a seguir fará com que a imagem se repita ao longo da página horizontalmente:

corpo {background: white url (/images/theImage.jpg) repeat-x; }

Passo 4

Repita a imagem horizontalmente e verticalmente. Isso cobrirá toda a seção de plano de fundo no navegador do usuário. O código a seguir fará um mosaico da sua imagem: corpo {background: white url (/images/theImage.jpg) repeat-x repeat-y; }