Hintergrundbilder platzieren
Der Hintergrund eines Elements kann als Farbe oder als Hintergrundbild festgelegt werden. Mit CSS kann man Hintergrundbilder horizontal und vertikal repetieren, oder einzeln plazieren. Hintergründe werden nicht vererbt.
background-image (Hintergrundbild)
1
Werte: none | url()
.bild1{background-image:url(blume-small.gif); }
background-repeat (Wiederholungs-Effekt)
2
.bild2 {
background-image:url(assets/Uploads/nurse.gif);
background-repeat:repeat-x;}
3
.bild3 {
background-image:url(assets/Uploads/blume-small.gif);
background-repeat:repeat-y;
}
Werte: background-repeat: no-repeat | repeat | repeat-x | repeat-y
background-attachment (Wasserzeichen-Effekt)
4
body {
background-image:url(blumen.gif);
background-repeat:no-repeat;
background-attachment:fixed;
background-position: right bottom;
}
Werte: background-attachment: fixed |scroll
Werte: background-position: left |center | right | top | bottom
Unter background können Werte zusammengefasst werden.
background: #ccc url(blumen.gif)no-repeat fixed right bottom;