09 Hintergrundbilder platzieren

Der Hintergrund eines Elements kann als Farbe oder als Hintergrundbild festgelegt werden. Mit CSS kann man Hintergrundbilder horizontal oder vertikal repetieren, oder gar einzeln plazieren. Hintergründe werden nicht vererbt.

background-image (Hintergrundbild)

background-image:url(blumen.gif); 
Werte: none, url()

Beispiel: background 01

background-repeat (Wiederholungs-Effekt)

background-image:url(blumen.gif);
background-repeat:repeat-y

Beispiel: background 02

background-image:urlblumen.gif);
background-repeat:repeat-x;
Werte: background-repeat: no-repeat, repeat, repeat-x, repeat-y

Beispiel: background 03

background-attachment (Wasserzeichen-Effekt)

body {
background-color: #f5f5f5;
background-image:url(blumen.gif);
background-repeat:no-repeat;
background-attachment:fixed;
background-position: right bottom;
} 
Wert: background-attachment: fixed, scroll
Werte: background-position: left, center, right, top,bottom