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.
Hintergrundfarbe ivory | ||||||
Detail | : | Hintergrundfarbe ivory | Verlauf nach Weiß | Verlauf nach Schwarz | ||
Farbe | : | ivory | #fffff0 | #fffff0 | #fffff0 | #fffff0 |
Farbwert | : | #fffff0 | #fffff2 | #fffff2 | #dadacd | #dadacd |
HTML | : | ivory | #fffff4 | #fffff4 | #b6b6ab | #b6b6ab |
CSS | : | ivory | #fffff6 | #fffff6 | #919189 | #919189 |
CSS (Wert) | : | #fffff0 | #fffff8 | #fffff8 | #6d6d66 | #6d6d66 |
CSS (kürzest) | : | #fffff0 | #fffffa | #fffffa | #484844 | #484844 |
CSS (RGB) | : | rgb(255,255,240) | #fffffc | #fffffc | #242422 | #242422 |
CSS (%RGB) | : | rgb(100%,100%,94%) | #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 <select> vor.
Als Beispiel setzen wir die Hintergrundfarbe von <select> auf Farbe ivory. Zwar behalten wir die Textfarbe bei, setzen jedoch die Schriftart auf arial und setzen die Schriftgröße auf 81%:
<style type="text/css"><!-- select { font-family: arial; font-size: 81%; background-color: #45c319; } //--> </style>Nun stellen wir ein, dass bei Hover die Hintergrundfarbe auf Farbe ivory gesetzt wird.
<style type="text/css"><!-- select: hover { background-color: ivory; } //--> </style>
Mehr zum Thema lesen Sie in Formulare in HTML. Mehr zum hier gezeigten Befehl <select>.