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, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.
Hintergrundfarbe peru | ||||||
Detail | : | Hintergrundfarbe peru | Verlauf nach Weiß | Verlauf nach Schwarz | ||
Farbe | : | peru | #cd853f | #cd853f | #cd853f | #cd853f |
Farbwert | : | #cd853f | #d4965a | #d4965a | #af7236 | #af7236 |
HTML | : | peru | #dba775 | #dba775 | #925f2d | #925f2d |
CSS | : | peru | #e2b991 | #e2b991 | #754c24 | #754c24 |
CSS (Wert) | : | #cd853f | #e9caac | #e9caac | #57391b | #57391b |
CSS (kürzest) | : | #cd853f | #f0dcc8 | #f0dcc8 | #3a2612 | #3a2612 |
CSS (RGB) | : | rgb(205,133,63) | #f7ede3 | #f7ede3 | #1d1309 | #1d1309 |
CSS (%RGB) | : | rgb(80%,52%,24%) | #ffffff | #ffffff | #000000 | #000000 |
Als Beispiel legen wir die Hintergrundfarbe von <p> auf Farbe peru fest und vergrößern die Größe der Schrift auf 123%:
<style type="text/css"><!-- p { font-size:123%; background-color:peru; } //--> </style>
Mehr zum Thema können Sie in Grundlegende Gestaltungselemente in HTML finden. Weiteres zum hier verwendeten HTML-Befehl <p>.
Die Unterstreichungsfarbe soll sich ändern, wenn man mit der Maus darauf zeigt.
Dafür stellen wir <label> so ein, dass sich bei Berührung mit der Maus die Unterstreichungsfarbe auf Farbe peru ändert.<style type="text/css"><!-- label: hover { border-bottom-color: peru; } //--> </style>
Weiteres zum Thema lesen Sie in Formulare in HTML. Der Befehl label ist in der HTML Referenz bei <label> genau zusammengestellt.