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.

CSS-Hintergrundbilder: So fügst du sie deiner Webseite hinzu

Mit CSS-Hintergrundbildern gestaltest du deine Webseiten optisch ansprechend und individuell. Du hast verschiedene Möglichkeiten, Bilder einzubinden und deren Darstellung anzupassen. Im Folgenden stelle ich dir die wichtigsten Optionen vor:

Die Eigenschaft background-image:

CSS
selector {
  background-image: url('pfad/zum/bild.jpg');
}

Optionen:

Beispiele:

Bild wiederholen und mittig platzieren:

CSS
body {
  background-image: url('bild.jpg');
  background-repeat: repeat;
  background-position: center;
}
Bildgröße auf 50% skalieren und fixieren:

CSS
div {
  background-image: url('bild.jpg');
  background-size: 50%;
  background-attachment: fixed;
}

Ähnliche Beiträge

css hintergrundbild

Über mich