Mala šola CSS X.: Grafična ozadja spletnih strani

CSS_sola_image

Uporaba grafičnih ozadij nam pri izgradnji spletnih strani pride prav pri različnih vizualnih efektih. Ali uporabimo ponavljajoč vzorec, večjo sliko ali pa manjše slike na posameznih elementih. Ta značka lahko poživi celotno spletno mesto.

V dobi, ko naši monitorji in resolucije hitro rastejo se postala moderna tudi velika ozadja. Problem pri uporabi slednjih pa je njihova postavitev in zaključek. Velika ozadja je najbolje postavljati oziroma ravnati sredinsko in zgoraj. Njihov zaključek pa naj bo mehak, tako da se »zlije« z barvo ozadja. Največkrat za ta namen uporabimo preliv.

Primer kode

body {
background: #ffffff url(ime_slike.jpg) no-repeat center top;
}

Opozorilo: Pri tiskanju spletnih strani brskalniki avtomatsko odstranijo vsa ozadja.

Uporabna tutoriala za učenje uporabe velikih ozadij: