CSS: Hintergrundbild einfügen – So gehts!

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

Über Mich

Domi

Hi ich bin’s Dominik. Auf Blogseite.com findest du alles was mich interessiert. Mag Games, liebe SEO, programmiere gerne und möchte dir mit verschiedenen Themen die mich begeistern einen Mehrwert liefern. Viel Spaß auf meiner Seite