Farben

In diesem Dokument wird die Einstellung von Textfarbe sowie die Angabe von Hintergrundfarben erklärt.
 
 

Textfarbe ändern

Mit der Eigenschaft color kann die Farbe von Text definiert werden. Diese Eigenschaft kann wirkt nur auf Text.

Werte für color:
Schlüsselwort als Farbname (z.B. blue, red, etc.)
Hexadezimalwerte
Dezimal & Prozentwerte (darauf wird hier nicht eingegangen)

Standardeinstellung: eingestellter Farbwert des Clientbrowsers
Vererbung: ja
Element: alle Elemente

Beispiel:
<div style="color: #ff00de">

So sieht ein solch ausgezeichneter Text aus. So sieht ein solch ausgezeichneter Text aus. So sieht ein solch ausgezeichneter Text aus.

</div>

demo: h2, h3 {color: #0d701b}
 

 
Hintergrundfarbe einstellen

Mit der Eigenschaft background-color kann die Hintergrundfarbe von allen Elementen definiert werden, d.h. diese Eigenschaft kann z.B. auf das gesamte (X)HTML-Dokument wirken (als Seitenhintergrund), aber auch auf Absätze, Überschriften, Listen (jeweils Kasten-Effekt), Tabellen(-zellen) oder auf einzelne Textpassagen (Hinterlegung).

Werte für background-color:
Schlüsselwort als Farbname (z.B. blue, red, etc.)
Hexadezimalwerte
Dezimal & Prozentwerte (darauf wird hier nicht eingegangen)

Standardeinstellung: eingestellter Farbwert des Clientbrowsers
Vererbung: ja
Element: alle Elemente

Beispiel:
So sieht's aus  

demo: body {background-color: #dfdfdf}
          strong {background-color: #ffffff}
          ul, ol {background-color: #cccccc}

Aufgabe in Datei aufgabe_css03