SELFHTML: CSS / Style-Sheet-Angaben / Hintergrund / Hintergrundposition

## Hintergrundposition

Beschreibung: so wird's gemacht

### Eine Überschrift

Ein Textabsatz. Es handelt sich hier um einen Bereich, der mit `<div>`...`</div>` definiert wurde, beginnend bei "Eine Überschrift". Für den Bereich wurde ein Hintergrundbild mit den folgenden Angaben festgelegt:

- background-image:url(xdance3.gif);
- background-repeat:no-repeat;
- background-position:2cm 1.5cm;

Als Hintergrundgrafik wurde kein typisches Wallpaper, sondern eine normale Grafik, die etwas darstellt, eingebunden. Damit kein Wallpaper-Effekt entsteht, wurde mit der Angabe `background-repeat:no-repeat` sichergestellt, daß die Grafik nur einmal wiederholt wird.

Normalerweise würde die Grafik in diesem Fall gleich links oben in dem so definierten Bereich angezeigt.

Durch eine Angabe zur Hintergrundposition können Sie die Grafik frei in dem Bereich, auf den sie sich bezieht, positionieren. In unserem Beispiel wurde mit den Zahlen `2cm 1.5cm` bestimmt, daß die Grafik 2cm vom linken Rand des Bereichs beginnt und 1.5cm vom oberen Rand.

Die voranstehende Grafik ist eine Vordergrundgrafik, die ganz normal mit dem `<img>`-Tag eingebunden wurde. Wie Sie sehen, können Sie mit all diesen Angaben reizvolle Überblend-Effekte schaffen.