Pozadinske slike su jedno od najmoćnijih oružja CSS dizajna. Evo jednog klasičnog primera, gde se slika ponavlja i po x i po y osi, dok god se ne popuni površina blok elementa.

p {
	background-color: #ffdcb9;
	background-image: url(images/body-bg.gif);
}

Stalni pad cena laserskih štampača doveo je do toga da se najjeftiniji modeli po ceni mogu porediti sa inkjet-ovima iz više srednje klase. Na našem testu jeftinih lasera našlo se čak sedam interesantnih modela.

Ako slika ima providne delove, onda će se videti i pozadinska boja.

p {
	background-color: #ffdcb9;
	background-image: url(images/body-bg2.gif)
}

Stalni pad cena laserskih štampača doveo je do toga da se najjeftiniji modeli po ceni mogu porediti sa inkjet-ovima iz više srednje klase. Na našem testu jeftinih lasera našlo se čak sedam interesantnih modela.

Ponavljanje slike se može ograničiti samo na horizontalnu osu...

p {
	background-color: #ffdcb9;
	background-image: url(images/body-bg.gif);
	background-repeat: repeat-x;
	padding-top: 12px;
}

Stalni pad cena laserskih štampača doveo je do toga da se najjeftiniji modeli po ceni mogu porediti sa inkjet-ovima iz više srednje klase. Na našem testu jeftinih lasera našlo se čak sedam interesantnih modela.

...ili samo na vertikalnu osu.

p {
	background-color: #ededeb;
	background-image: url(images/comment-separator.gif);
	background-repeat: repeat-y;
	padding-left: 50px;
}

Stalni pad cena laserskih štampača doveo je do toga da se najjeftiniji modeli po ceni mogu porediti sa inkjet-ovima iz više srednje klase. Na našem testu jeftinih lasera našlo se čak sedam interesantnih modela.

Najkorisnije i najkorišćenije je potpuno ukidanje ponavljanja.

p {
	background-color: #ededeb;
	background-image: url(images/about_bg.jpg);
	background-repeat: no-repeat;
	padding-left: 250px;
}

Stalni pad cena laserskih štampača doveo je do toga da se najjeftiniji modeli po ceni mogu porediti sa inkjet-ovima iz više srednje klase. Na našem testu jeftinih lasera našlo se čak sedam interesantnih modela.

Naravno, u ovom slučaju je poželjno da se podesi minimalna visina pasusa, tako da se kompletna slika vidi.

p {
	background-color: #ededeb;
	background-image: url(images/about_bg.jpg);
	background-repeat: no-repeat;
	padding-left: 250px;
	min-height: 400px;
}

Stalni pad cena laserskih štampača doveo je do toga da se najjeftiniji modeli po ceni mogu porediti sa inkjet-ovima iz više srednje klase. Na našem testu jeftinih lasera našlo se čak sedam interesantnih modela.

Na žalost, nijedan IE ne podržava ni min-height ni min-width.