Nicht gekachelte Hintergrundbilder

(Auszug aus "CSS Kochbuch" von Christopher Schmitt)

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 nächste Abbildung):

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

Hintergrundbild wird nur einmal in oberen linken Ecke dargestellt

Abbildung: 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, können Sie eine Webseite mit einem Rahmen versehen.

Siehe auch

Das Rezept Hintergrundbilder wiederholen zum vertikalen oder horizontalen Wiederholen von Hintergrundbildern.

  

<< 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