Sie sind hier: Startseite » CSS-Tutorials » Hintergrund
| Der Hintergrund einer Webseite bietet vielfältige Gestaltungsmöglichkeiten. Hier sehen wir zunächst, auf welche Weise sich ein Hintergrundbild einsetzen lässt. Unter Editieren öffnet sich unser Editierfeld mit dem jeweiligen Beispiel. Hier können Sie selbst verschiedene Effekte ausprobieren. | |||||
| Hintergrundbild wiederholt sich nicht und ist von oben nach unten sowie von links nach rechts zentriert ausgerichtet. Dabei passt es sich dem sich öffnenden Fenster an. |
 |
||||
| Hintergrundbild wiederholt sich in einer Reihe von links nach rechts. Hier lässt sich wieder angeben, ob die Reihe oben liegt, dazu ist keine Steueranweisung notwendig oder ob sie centriert werden soll, in diesem Fall wird unter repeat-x wieder "center" eingefügt. |
 |
||||
| Hintergrundbild wiederholt sich in einer Reihe links von oben nach unten. Auch hier lässt sich angeben, ob die Reihe centriert werden soll, in diesem Fall wird unter repeat-y wieder "center" eingefügt. |
 |
||||
| Hintergrundfarben ermöglichen erstaunliche Effekte, wenn sie zum z.B. zum Hervorheben einzelner Textpassagen innerhalb von HTML-Elementen in Kombination mit anderen CSS-Definitionen eingesetzt werden. Hier erfolgt die Formatierung in einem "p-Element". | CSS - Style. |
||||
|
Tabellen lassen sich auf vielfältige Weise mit Hintergrundbildern ausstatten. Sie sehen rechts eine Tabelle, deren Zellen mit Hintergrundbildern ausgestattet ist. Die mittlere Zelle erhielt jedoch einen besonderen Hintergrund. Die Realisierung geschieht hier durch Formatierung in einer zentralen CSS-Definition (für diese HTML-Datei) oder in einer ausgelagerten seperaten CSS-Datei (kann im ges. Webprojekt aufgerufen werden). Hier werden Selektoren und Klassen, sowie die Kombination von beiden angewendet. |
|
||||
