Hintengrundbilder

By on Mai 4th, 2011

Cascading Style Sheets Hintergrundbilder

Der Hintergrund eines Elements kann als Farbe oder als Hintergrundbild festgelegt werden. Mit CSS kann man Hintergrundbilder horizontal oder vertikal repetieren, oder gar einzeln plazieren. Hintergründe werden nicht vererbt.

background-image (Hintergrundbild)

background-image:url(blumen.gif);   Werte: none, url()

background-repeat (Wiederholungs-Effekt)

background-image:url(blumen.gif);
background-repeat:repeat-y background-image:urlblumen.gif);
background-repeat:repeat-x; Werte: background-repeat: no-repeat, repeat, repeat-x, repeat-y

background-attachment (Wasserzeichen-Effekt)

body {  background-color: #f5f5f5;  background-image:url(blumen.gif);
background-repeat:no-repeat;
background-attachment:fixed;
background-position: right bottom;  }
Wert: background-attachment: fixed, scroll  Werte: background-position: left, center, right, top,bottom

Mehr Informationen zum Thema:

  1. Cascading Style Sheets vererbung Cascade Stylesheet bietet eine weitere wichtige Eigenschaft, die Cascade (stufenförmiger Wasserfall; wasserfallähnliches Feuerwerk; Anordnung von hintereinander geschalteten Bauteilen). Sie beschreibt, in welcher Reihenfolge Style-Angaben überschrieben werden. Die Regeln werden in...
  2. Print CSS Cascading Style Sheets Print CSS Einige Elemente einer Webseite sind auf Papier überflüssig. Suchfeld oder Navigationsleiste sowie Werbebanner sind nur einige davon. Zudem werden längere Texte in der Regel lieber...
Categorized under: Style.
Tagged with: , , , , .