Informatik :: CSS :: Hintergrundbilder
Zum Gestalten des Hintergrundes einer Webseite gehört selbstverständlich auch ein Hintergrundbild. Das Einbinden eines solchen Bildes erfolgt im Tag <body> mit Hilfe des Attributes background-image, welches die Adresse des Bildes erwartet. Standardmäßig wird dabei das Bild so oft aneinandergereiht, bis der gesamte Hintergrund der Seite ausgefüllt ist. Der damit erreichte Effekt ist auch unter dem Namen Wallpaper bekannt.
Beispiel:
<body style="background-image:url(bgtropf.jpg)">
Das Beispiel hat im Browser folgendes Aussehen.
Mit dem zusätzlichen Attribut background-repeat können Sie das Wiederholungsverhalten des Hintergrundbildes beeinflussen. Die Einstellung repeat-y erzwingt die Wiederholung an der y-Achse während repeat-x die Wiederholung an der x-Achse erzwingt.
Beispiel:
<body style="background-image:url(bgtropf.jpg); background-repeat:repeat-y">
Das Beispiel hat im Browser folgendes Aussehen.