За да създадете уебсайт с едно изображение като фон, препоръчваме да използвате долния пример в CSS кода си.

За да приложите горния код в уеб страницата си, копирайте горните редове и ги поставете между секциите на уеб страницата си. Ако използвате WYSIWYG редактор на уеб страници, трябва да кликнете върху връзката или опцията, която ви позволява да въведете HTML код, преди да въведете горния код. И накрая, този пример използва картина от Computer Hope. Ако искате да използвате персонализирана картина, заменете горния удебелен URL адрес с местоположението на вашата снимка.

Съвет: Ако използвате външен CSS стилов лист, можете също да копирате частта от горния пример в CSS файла.

Вмъкнете по-горе код тук

пример

Съвет: Много потребители може да искат да създадат едно голямо изображение като фон. Ако планирате да направите това, бъдете внимателни към хората с по-бавни интернет връзки. Големите изображения изискват време, за да се заредят и може да не изглеждат правилно с хора, които използват по-малък размер или резолюция на монитора.

Забележка: Ако искате да зададете фоновото изображение да се повтаря вместо това, задайте свойството за повторение на фона на едно от следните:

• repeat - повтаря фоновото изображение хоризонтално и вертикално.
• repeat-x - повтаря фоновото изображение само хоризонтално.
• repeat-y - повтаря само фоновото изображение.