Hintergrundbild einfügen

Man kann ein Hintergrundbild für unterschiedliche Elemente verwenden, für den Body, somit der gesamten Seite, aber auch für kleine Elemente.

Ein Beispiel für ein Hintergrundbild, welches 20 Pixel nach rechts und 40 Pixel nach unten verschoben ist, dann könnt ihr das so machen:

Beispiel für Hintergrundbild in CSS

body{
	background-image:url(bildname.png);
	background-repeat:no-repeat;
	background-position: 20px 40px;
}

Die Zeile background-repeat:no-repeat; könnt ihr verwenden, wenn ihr wollt, dass ein Bild nicht wiederholt wird. Wenn ihr diese Zeile nicht einfügt, dann wird das Bild standardmäßig von HTML in alle Richtungen wiederholt.