CSS-Hintergrundbilder

CSS-Hintergrundbilder

background-image Diese Eigenschaft legt das Bild fest, das als Hintergrund des Elements verwendet wird.

Standardmäßig wird das Bild wiederholt, um den gesamten Element zu überdecken.

Beispiel

Die Hintergrundbilder der Seite können so eingestellt werden:

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

Probieren Sie es selbst aus

Beispiel

Dieses Beispiel zeigt die Text- und Hintergrundbild-Fehlerhafte Kombination.Text ist schwer lesbar:

body {
  background-image: url("bgdesert.jpg");
}

Probieren Sie es selbst aus

Hinweis:Verwenden Sie bei der Verwendung von Hintergrundbildern keine Bilder, die den Text stören.

Sie können auch eine Hintergrundbild für ein bestimmtes Element festlegen, z.B. für das <p>-Element:

Beispiel

p {
  background-image: url("paper.gif");
}

Probieren Sie es selbst aus