Webdesign mit (X)HTML und CSS

Ein Kurs für Einsteiger

Zusammenfassend: background

Mit der zusammenfassenden Eigenschaft background können die Angaben zu background-color, background-image, background-position und background-repeat gemeinsam notiert werden.

  1. #head {
  2. background:red url(bild.jpg) 20px 50% no-repeat;
  3. }

Wenn man Hintergrundfarben für Elemente einsetzt, dann sollte auch jeweils eine Vordergrundfarbe color mit angegeben werden, um mögliche Konflikte mit Benutzereinstellungen zu vermeiden.

Wenn Hintergrundbilder hinter Text liegen ist zu überprüfen, ob der Text auch lesbar ist, wenn das Bild nicht angezeigt werden kann. Am besten zusätzlich eine passende Hintergrundfarbe angeben – damit man dem Benutzer nicht weiße Schrift auf weißen Grund zumutet…