Če želite v ozadju ustvariti spletno stran z eno samo sliko, priporočamo, da v kodi HTML uporabite spodnji primer CSS.

Za izvedbo zgornje kode na svoji spletni strani kopirajte zgornje vrstice in jih prilepite med razdelke vaše spletne strani. Če uporabljate urejevalnik spletnih strani WYSIWYG, morate klikniti povezavo ali možnost, ki vam omogoča vstavljanje kode HTML pred vnosom zgornje kode. Na koncu ta primer uporablja sliko iz Computer Hope. Če želite uporabiti sliko po meri, nadomestite zgornji krepki URL z lokacijo slike.

Nasvet: Če uporabljate zunanjo tabelo slogov CSS, lahko tudi kopirate del zgornjega primera v datoteko CSS.

Tukaj vstavite zgornjo kodo

Primer

Nasvet: Mnogi uporabniki bodo morda želeli ustvariti eno veliko sliko kot svoje ozadje. Če nameravate to početi, bodite pozorni na ljudi z počasnejšo internetno povezavo. Velikim slikam je potrebno nekaj časa za nalaganje in morda ne izgledajo pravilno z uporabo manjše velikosti monitorja ali ločljivosti.

Opomba: če želite namesto tega nastaviti sliko za ozadje, nastavite lastnost ponavljanja ozadja na eno od naslednjih možnosti:

• repeat - ponavlja sliko v ozadju tako vodoravno kot navpično.
• repeat-x - vodoravno ponavlja sliko ozadja.
• repeat-y - ponavlja samo sliko v ozadju.