CSS: Hintergrundbild einfügen – So gehts!

Nicht deine Sprache?

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



    css hintergrundbild   

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


HTML: Salbei Farbe HEX – Farbcode 🌈 – So gehts

Wenn du verschiedene Salbei Töne abbilden musst. Dann kannst du diesen ganz einfach selber erstellen...

Windows 11: Zeitzone ändern und einstellen

Hey du verrückter Zeitreisender! Wenn du dich in einem falschen Zeitalter oder unter der falschen...

Google Disavow Tool

Das Disavow Tool ermöglicht es dir, Google mitzuteilen, welche Backlinks du nicht in deinem Backlinks...

Raspberry Pi : Neustarten – So gehts

Wenn du deinen Raspberry Pi neu starten möchtest, kannst du dies auf einfache Weise tun...

Trust Wallet: Wiederherstellen – So gehts

Wenn du ein neues Handy hast oder dein Trust Wallet App gelöscht hast musst du...

Trust Wallet: Handy verloren?! – Kein Problem

Wenn man sein Handy verliert ist es ärgerlich. Wenn darauf noch das Trust Wallet war...

Website Link erstellen: So gehts! Generator 2024

So funktioniert der Link Generator 2024 Was sind Links? (Hyperlinks) Links ist der Verweis von...

Raspberry Pi: SSH aktivieren – So gehts

In diesem Hilfebeitrag werde ich dir erklären, wie du SSH auf deinem Raspberry Pi aktivieren...

Youtube Einnahmen Rechner

Youtube Einnahmen Rechner 2024 Wie hoch deine Youtube Einnamen sein werden, lässt sich oft so...

Raspberry Pi: Teamviewer installieren – So gehts

In diesem Beitrag werde ich dir zeigen, wie du TeamViewer auf deinem Raspberry Pi installieren...

Whatsapp: Status löschen – So gehts

In der heutigen Zeit ist WhatsApp nicht mehr aus unserem Alltag wegzudenken. Es ist eine...

100+ Chkdsk Befehle die ganze Liste

Chkdsk ist noch viel effektiver wenn du es mit den richtigen Befehlen bedienst. Damit lässt...

100+ ROS Terminal Befehle mit Erklärung

ROS (Robot Operating System) ist ein Framework, das es ermöglicht, Roboteranwendungen einfach zu entwickeln. In...

100+ Geogebra Befehle für schnelles arbeiten

Geogebra ist noch viel effektiver wenn du es mit Shortcuts bedienst. Damit lässt sich noch...

Ubuntu/Linux: Gnome im Terminal installieren

Du benutzt Linux bzw. Ubuntu und möchtest Dash to Dock über das Terminal installieren? Kein...