Wir fangen erst mal an, den Hintergrund mit CSS zu machen,
was vor allem bei Hintergrundbildern viele Möglichkeiten bietet.
Schreib erst mal in den head deiner Datei oder an den Anfang deiner mich folgendes:
Für einen einfarbigen Hintergrund
hängst du {background-color: #9999ff;} hinter das "body".
Das sieht dann so aus:
In diesem Fall wird der Hintergrund schwarz, du kannst natürlich auch jede andere Farbe nehmen.
Um ein Bild einzufügen, nimmst du folgenden Befehl:
Nun gibt es mir CSS noch eine Reihe von Möglichkeiten, wie du deinen Hintergrund gestalten kannst, ich versuche sie hier kurz zu erläutern:
| background-position: top; | Der Hintergrund wird oben eingefügt. Du kannst auch center(zentriert) , left(links), right(rechts), middle(mitte), bottom(unten) statt "top" verwenden. |
| background-attachment: fixed; | Der Hintergrund bleibt stehen und scrollt nicht mit. |
| background-repeat: repeat=2; | Der Hintergrund wird in diesem Fall 2 mal wieder holt. Man kann statt "repeat=*" auch repeat-x(waagrecht nur eine Wiederholung), repeat-y(senkrecht nur eine Wiederholung) und no-repeat (keine Wiederholung)verwenden. |
Hier noch ein Beispiel für einen zentrierten Hintergrund, der nicht mitscrollt und nur einmal wiederholt wird:
| © by www.knut-hilft.de | 
|