von Thomas Salvador.
Farben werden in HTML entweder mit ihrem Namen oder mit ihrem Wert beschrieben.
Netscape führte seinerzeit die websicheren Farben ein. Neben diesen Farbwerten, die einem bestimmten Schema folgen, definierte man noch 120 Werte und ordnete ihnen Namen zu.
Hintergrundfarbwert #fffafa | ||||||
Detail | : | Hintergrundfarbwert #fffafa | Verlauf nach Weiß | Verlauf nach Schwarz | ||
Farbwert | : | #fffafa | #fffafa | #fffafa | #fffafa | #fffafa |
Farbe | : | snow | #fffafa | #fffafa | #dad6d6 | #dad6d6 |
HTML | : | #fffafa | #fffbfb | #fffbfb | #b6b2b2 | #b6b2b2 |
CSS | : | #fffafa | #fffcfc | #fffcfc | #918e8e | #918e8e |
CSS (Wert) | : | #fffafa | #fffcfc | #fffcfc | #6d6b6b | #6d6b6b |
CSS (kürzest) | : | #fffafa | #fffdfd | #fffdfd | #484747 | #484747 |
CSS (RGB) | : | rgb(255,250,250) | #fffefe | #fffefe | #242323 | #242323 |
CSS (%RGB) | : | rgb(100%,98%,98%) | #ffffff | #ffffff | #000000 | #000000 |
Die Hintergrundfarbe soll sich ändern, wenn man mit der Maus darauf zeigt. Für das Beispiel bereiten wir zunächst Formatierungen von <li> vor.
Hier setzen wir die Hintergrundfarbe von <li> auf Farbwert #fffafa. Zwar lassen wir die Textfarbe unverändert, ändern jedoch die Schriftart auf courier new. Die Größe der Schrift ändern wir auf 13px.
<style type="text/css"><!-- li { background-color: #bf6a27; font-size: 13px; font-family: courier new; } //--> </style>Nun stellen wir ein, dass bei Hover die Hintergrundfarbe auf Farbwert #fffafa gesetzt wird.
<style type="text/css"><!-- li:hover { background-color:#fffafa; } //--> </style>
Weiteres zum Thema können Sie in Listen und Glossare in HTML lesen. Weiteres zum Befehl li finden Sie in der HTML Referenz unter <li>.