CSS Kochbuch

3.5 Hintergrundbilder wiederholen

Problem

Sie möchten Hintergrundbilder vertikal oder horizontal wiederholen.

Lösung

Um ein Hintergrundbild horizontal bzw. entlang der x-Achse zu wiederholen, können Sie die folgende CSS-Regel verwenden (siehe Abbildung 3-6):

body {
 background-image: url(bkgd.jpg);
 background-repeat: repeat-x;
}

Abbildung 3-6. Das Hintergrundbild wird horizontal wiederholt.

Um das Hintergrundbild entlang der vertikalen Achse zu wiederholen, verwenden Sie für die Eigenschaft background-repeat den Wert repeat-y.

Siehe auch

„3.5 Hintergrundbilder wiederholen“ zur Platzierung des Hintergrundbildes an einer bestimmten Position innerhalb der ...