| weiter zu > Ressourcen: Farben > HTML für Einsteiger: Farben |
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.
Hintergrundfarbe chocolate | ||||||
| Detail | : | Hintergrundfarbe chocolate | Verlauf nach Weiß | Verlauf nach Schwarz | ||
| Farbe | : | chocolate | #d2691e | #d2691e | #d2691e | #d2691e |
| Farbwert | : | #d2691e | #d87e3e | #d87e3e | #b45a19 | #b45a19 |
| HTML | : | chocolate | #de935e | #de935e | #964b15 | #964b15 |
| CSS | : | chocolate | #e5a97e | #e5a97e | #783c11 | #783c11 |
| CSS (Wert) | : | #d2691e | #ebbe9e | #ebbe9e | #5a2d0c | #5a2d0c |
| CSS (kürzest) | : | #d2691e | #f2d4be | #f2d4be | #3c1e08 | #3c1e08 |
| CSS (RGB) | : | rgb(210,105,30) | #f8e9de | #f8e9de | #1e0f04 | #1e0f04 |
| CSS (%RGB) | : | rgb(82%,41%,11%) | #ffffff | #ffffff | #000000 | #000000 |
Mit HTML-Befehl <h4> wird eine Überschrift gesetzt. Diese kann farblich gestaltet werden.
Die Unterstreichungsfarbe soll sich ändern, wenn man mit der Maus darauf zeigt.
Dafür stellen wir <h4> so ein, dass sich bei Mausberührung die Farbe der Unterstreichung auf Farbe chocolate ändert.<style type="text/css"><!-- h4:hover { border-bottom-color:chocolate; } //--> </style>
Mehr zu h4 erfahren Sie in Grundlegende Gestaltungselemente in HTML. Der hier gezeigte HTML-Befehl h4 ist in der HTML Referenz unter <h4> genau zusammengestellt.
Wir legen in diesem Beispiel die Textfarbe von <cite> auf Farbe chocolate fest.
<cite style="color:chocolate;"> Dieser cite-Text hat Farbe chocolate </cite>
Beschreibung des hier genutzten Befehl <cite>.
