Hintergrundbild in Position

von: Werner Zenk

Hintergrundbild richtig positionieren. Einsetzbar im Body-Tag, in einer Tabelle oder im DIV-Tag.

Hintergrundbild
ohne Wiederholung.

background-image: url(hintergrund.jpg);
 background-repeat: no-repeat;

Hintergrundbild mit
vertikaler Wiederholung.

background-image: url(hintergrund.jpg);
 background-repeat: repeat-y;

Hintergrundbild mit
horizontaler Wiederholung.

background-image: url(hintergrund.jpg);
 background-repeat: repeat-x;

Hintergrund ausgefüllt.

background-image: url(hintergrund.jpg);

Hintergrundbild
ohne Wiederholung,
Bild-Position unten rechts.

background-image: url(hintergrund.jpg);
 background-repeat: no-repeat;
 background-position: bottom right;

Hintergrundbild
ohne Wiederholung,
Bild-Position zentriert.

background-image: url(hintergrund.jpg);
 background-repeat: no-repeat;
 background-position: center center;

Position von Links - Position von oben

Auch das absolute positionieren eines Hintergrundbildes ist möglich:
background-position: 150 400;

Und Ihre Meinung? Sie vermissen auf dieser Seite wichtige Informationen oder haben Hinweise für uns?

alexander: Hat mir weiter geholfen, Danke! Webbie: Eine wirklich schöne und nützliche Site - unbedingt weitermachen! pio94: ich werd immer noch nicht schlau draus,fehlen da nicht noch '<' und '>'? Werner: In der Überschrift steht doch das man das Hintergrundbild im Body-Tag einsetzen kann. <body style="background-image: url(hintergrund.jpg);">
Hilfe finden Sie im » netzgemein.de - Forum. Auch als „Gast” können Sie dort Fragen stellen!

Das könnte Sie interessieren:

Stil

Schriftrolle mit Webfonts - Mit einem kleinen Trick lässt sich auf ein Papier schreiben, das keinen geraden Rand hat.

Blindtext - Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte …