Hintergrundbilder wiederholen
(Auszug aus "CSS Kochbuch" von Christopher Schmitt)
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 nächste Abbildung):
body {
background-image: url(bkgd.jpg);
background-repeat: repeat-x;
}
Abbildung: 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
Das Rezept Hintergrundbilder positionieren zur Platzierung des Hintergrundbildes an einer bestimmten Position innerhalb der Webseite.
<< zurück | vor >> |
Tipp der data2type-Redaktion: Zum Thema CSS bieten wir auch folgende Schulungen zur Vertiefung und professionellen Fortbildung an: |
Copyright der deutschen Ausgabe © 2007 by O’Reilly Verlag GmbH & Co. KG
Für Ihren privaten Gebrauch dürfen Sie die Online-Version ausdrucken.
Ansonsten unterliegt dieses Kapitel aus dem Buch "CSS Kochbuch" denselben Bestimmungen, wie die gebundene Ausgabe: Das Werk einschließlich aller seiner Teile ist urheberrechtlich geschützt. Alle Rechte vorbehalten einschließlich der Vervielfältigung, Übersetzung, Mikroverfilmung sowie Einspeicherung und Verarbeitung in elektronischen Systemen.
O’Reilly Verlag GmbH & Co. KG, Balthasarstr. 81, 50670 Köln