CSS -Hintergrundbild
CSS background-image
Die Eigenschaft background-image gibt ein Bild an, das als Hintergrund eines Elements verwendet werden soll.
Standardmäßig wird das Bild wiederholt, sodass es das gesamte Element abdeckt.
Beispiel
Legen Sie das Hintergrundbild für eine Seite fest:
body {
background-image: url("paper.gif");
}
Try it Yourself »
Beispiel
Dieses Beispiel zeigt eine schlechte Kombination von Text und Hintergrundbild. Der Text ist kaum lesbar:
body {
background-image: url("bgdesert.jpg");
}
Try it Yourself »
Hinweis: Wählen Sie bei Verwendung eines Hintergrundbilds ein Bild, das den Text nicht stört.
Das Hintergrundbild kann auch für bestimmte Elemente festgelegt werden, beispielsweise für das Element <p>:
Die CSS-Eigenschaft „Hintergrundbild“
| Eigentum | Beschreibung |
|---|---|
| background-image | Festlegen des Hintergrundbilds für ein Element |
CSS — Hintergrundbilder – W3Schools-Video
Dieses Video ist eine Einführung in Hintergrundbilder in CSS.
Teil einer Reihe von Video-Tutorials zum Erlernen von CSS für Anfänger!
