Cómo hacer un mosaico de una imagen en HTML

Una imagen puesta en mosaico en una página web.
Por jim campbell

Paso 1

Abre el archivo HTML en un editor de texto plano. Desplázate hasta la sección HTML con la etiqueta "<styles>". Este es el lugar donde se colocará la imagen de fondo.


Paso 2

Crea el código para establecer una imagen de fondo. Ésta debe estar ubicada en la carpeta "Imágenes" en el disco duro de tu servidor web. El siguiente código establecerá la imagen de fondo "theImage.jpg" en el sitio web:

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


Paso 3

Coloca la imagen en mosaico en posición horizontal. El siguiente código hará que la imagen se repita a lo largo de la página horizontalmente:

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


Paso 4

Repite la imagen horizontal y verticalmente. Esto cubrirá toda la sección de fondo en el navegador del usuario. El siguiente código hará un mosaico de tu imagen: body { background: white url(/images/theImage.jpg) repeat-x repeat-y; }