Da biste kao pozadinu izradili web-lokaciju s jednom slikom, preporučujemo da koristite HTML primjer u nastavku.

Da biste implementirali gornji kôd na svoju web-stranicu, kopirajte gornje linije i zalijepite između odjeljaka web-stranice. Ako koristite WYSIWYG uređivač web stranica, trebate kliknuti na vezu ili opciju koja vam omogućuje umetanje HTML koda prije unošenja gornjeg koda. Konačno, ovaj primjer koristi sliku iz Computer Hope. Ako želite koristiti prilagođenu sliku, zamijenite gornji podebljani URL s lokacijom slike.

Savjet: ako upotrebljavate vanjski CSS-ov obrazac, možete također kopirati dio tijela iz gornjeg primjera u CSS datoteku.

Ovdje umetnite gornji kôd

Primjer

Savjet: Mnogi korisnici mogu htjeti stvoriti jednu veliku sliku kao pozadinu. Ako planirate raditi ovo, budite pažljivi prema ljudima s sporijim internetskim vezama. Velike slike zahtijevaju vrijeme za učitavanje i možda neće izgledati pravilno s ljudima koji koriste manju veličinu zaslona ili razlučivost.

Napomena: ako želite postaviti pozadinsku sliku da se ponavlja, postavite svojstvo pozadine na jedno od sljedećeg:

• repeat - ponavlja pozadinsku sliku vodoravno i okomito.
• repeat-x - ponavlja samo pozadinsku sliku.
• repeat-y - ponavlja samo pozadinsku sliku.