Tipps und Tricks

Home
Impressum
contact
Guestbook

Background - Hintergrund
Positionieren von Hintergründen

Hintergrundbild wird wiederhohlt dargestellt

text text text

<table rules="all" height="200" width="100%" border="1" cellspacing="2" cellpadding="2"
style="background-image: url(leaf.jpg);">

---

Hintergrundbild nebeneinander oben.

text text text

style="background-image: url(leaf.jpg); background-repeat: repeat-x;"

---

Hintergrundbild untereinander am linken Rand.

text text text

style="background-image: url(leaf.jpg); background-repeat: repeat-y;"

---

Hintergrundbild wird nicht wiederhohlt, bleibt links oben.

text text text

style="background-image: url(leaf.jpg); background-repeat: no-repeat;"

---

Hintergrundposition wird pixelgenau definiert,
200px von links und 70 pixel von oben.

text text text

style="background-image: url(leaf.jpg); background-repeat: no-repeat;
background-position: 200px 70px;"

---