Für HTML Elemente und natürlich auch den gesamten HTML „body“ bestimmen wir per CSS Befehl bei Bedarf Hintergründe. Ob Bilder, Farben oder Verläufe ist natürlich euch überlassen. Hier die wichtigsten Befehle für Backgrounds.
Hinweis: Auch hier kann die Mischschreibweise (background:) verwendet werden.
| Befehl | Bedeutung | Mögliche Werte |
|---|---|---|
background-image | Hintergrund-Bild | url(<meineUrl>) |
background-repeat | Wiederholung des Bildes | none (keine), repeat-x (nur horizontal), repeat-y (nur vertikal) |
background-position | Position des Ausgangs-Bildes | Integer Wert in Pixel (px), mm, cm, em oder Prozent (%). Vordefinierte Werte: left, right, center, top, bottom |
background-color | Hintergrundfarbe | Wert als rgb(), rgba(), oder Hex (#). Auch möglich Standardfarben wie „green“, „blue“, „red“, „yellow“, … |
| background-attachment | Hintergrund fixieren | Bleibt beim scrollen stehen (fixed), Scrollt mit (scroll) |
background | Kombination / vereinfachte Schreibweise | background:#000000 url(…) center top; |
Beispiele
.element {
background-image:url(image.png);
background-repeat:no-repeat;
background-position:center center;
}.element {
background-image:url(image.png);
background-position:center center;
}