Z ukazom background-color lahko za ozadje določimo katerokoli barvo. Za ozadje lahko določimo tudi sliko. Uporabimo ukaz background-image.
Sliko za ozadje lahko dodamo kateremukoli elementu. Običajno dodamo sliko za ozadje za celotno spletno stran.
body {
background-image: url(“slika.png”);
}
V zgornjem primeru se moramo zavedati, da mora biti slika zelo velika in da bo brskalnik potreboval nekaj časa, da jo bo naložil, če želimo, da bo slika ozadje na celotni spletni strani.
Če je slika majhna in je npr. ponavljajoči se vzorec, lahko naročimo brskalniku, da jo ponavlja.
body {
background-image: url(“slika.png”);
background-repeat: repeat-x;
}
Ukaz background-repeat: repeat-x bo sliko kopiral po vsej širini.
Ukaz background-repeat: repeat-y jo bo kopiral od zgoraj navzdol.
Ukaz background-repeat: repeat pa jo bo kopiral v obe smeri.