3.4 Nicht gekachelte Hintergrundbilder
Problem
Sie möchten ein Hintergrundbild verwenden, ohne dass dieses wiederholt wird.
Lösung
Verwenden Sie die Eigenschaften background-image und background-repeat, um die Darstellung des Hintergrundbildes festzulegen (siehe Abbildung 3-5):
body {
background-image: url(bkgd.jpg);
background-repeat: no-repeat;
}
Abbildung 3-5. Das Hintergrundbild wird nur einmal in der oberen linken Ecke dargestellt.
Diskussion
Sie können Text und andere eingebettete Bilder über einem Hintergrundbild platzieren, um einen Eindruck von Tiefe auf einer Webseite zu vermitteln. Wiederholen Sie das Bild dagegen entlang der Seiten des Browserfensters, ...
Get CSS Kochbuch now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.
