Come realizzare un mosaico di un'immagine in HTML

Un'immagine mosaicata su una pagina web.

Passaggio 1

Apri il file HTML in un editor di testo semplice. Scorri fino alla sezione HTML con l'etichetta "". Questo è il posto in cui verrà posizionata l'immagine di sfondo.

Passaggio 2

Crea il codice per impostare un'immagine di sfondo. Questo deve trovarsi nella cartella "Immagini" sul disco fisso del tuo server web. Il seguente codice imposterà l'immagine di sfondo "theImage.jpg" sul sito web:

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

Passaggio 3

Posiziona l'immagine mosaicata orizzontalmente. Il seguente codice farà sì che l'immagine si ripeta lungo la pagina in orizzontale:

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

Passaggio 4

Ripeti l'immagine orizzontalmente e verticalmente. Questo coprirà l'intera sezione di sfondo nel browser dell'utente. Il seguente codice creerà un mosaico della tua immagine: body {background: white url (/images/theImage.jpg) repeat-x repeat-y; }