background-image

Bilder im Hintergrund

Mit background-image zeigt man Bilder im Hintergrund einer Box an.

div {
	/* Bild abholen */
	background-image: url(img/myImg.png);
}

Vorschau (formatiert)

Text im <div>

myImg
Das Bild einzeln

Standardverhalten: Es kachelt

Bilder im Hintergrund verhalten sich wie die Plättli im Badzimmer: Sie reihen sich nahtlos aneinander an. Das kannst du natürlich mit CSS ändern:

div {
    /* Bild wird einmalig dargestellt */
	background-repeat: no-repeat;
	/* Horizontale Reihe von Plättli */
	background-repeat: repeat-x;
	/* Vertikale Reihe von Plättli */
	background-repeat: repeat-y;
}