Как да направите мозайка на изображение в HTML

Снимка, мозаеща се на уеб страница.

Стъпка 1

Отворете HTML файла в обикновен текстов редактор. Превъртете до раздела HTML, означен с "". Това е мястото, където ще се постави фоновото изображение.

Стъпка 2

Създайте кода, за да зададете фоново изображение. Това трябва да се намира в папката "Изображения" на твърдия диск на вашия уеб сървър. Следният код ще задава фоновото изображение "theImage.jpg" в уеб сайта:

тяло {background: бял url (/images/theImage.jpg); }

Стъпка 3

Поставете мозаечното изображение хоризонтално. Следният код ще накара изображението да се повтори по страницата хоризонтално:

тяло {background: бял url (/images/theImage.jpg) repeat-x; }

Стъпка 4

Повторете изображението хоризонтално и вертикално. Това ще покрие цялата секция на фона в браузъра на потребителя. Следният код ще направи мозайка на вашето изображение: тяло {background: бял url (/images/theImage.jpg) repeat-x repeat-y; }