CSS: Hintergrundbild einfügen – So gehts!

Generic selectors
Exact matches only
Search in title
Search in content
Post Type Selectors
smileys

Wenn du ein Hintergrundbild in CSS einfügen möchtest dann musst du eigentlich die URL des jeweiligen Bildes einfügen. Wenn du genau weiß wo das Bild auf deinem Webspace liegt kannst du einfach die URL angeben.

Stelle deine HTML oder CSS Frage in unserem Forum, kostenlos und ohne Anmeldung!

Hintergrundbild in CSS

So kannst du ein Hintergrundbild in CSS mit der Bild URL festlegen

body {
background-image: url("paper.gif");
background-color: #cccccc;
}

Hintergrundbild von externen Quellen

Du kannst auch ein Bild aus externen Quellen einfügen. Hier solltest du natürlich das Urheberrecht beachten.

body {
background-image: url("https://die-url-von-deinem-bild");
background-color: #cccccc;
}

Mehrere CSS Hintergrundbilder festlegen

Du kannst auch mehrer Hintergrundbilder einfügen. Das sieht dann so aus.

body {
background-image: url("bear.gif"), url("tree.gif");
background-color: #cccccc;
}

Fazit

Das einfügen eines Hintergrundbildes ist in CSS relativ einfach. Wichtig ist nur das zu dem Pfad zu dem Bild das auf deinem Webspace oder einen anderen Quelle liegt weißt. Viel Spass mit CSS

Hat dir der Beitrag gefallen?


    css hintergrundbild   

Das könnte dich interessieren!

Weitere Kategorien






Schreibe einen Kommentar



23936