| 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 darkolivegreen | ||||||
| Detail | : | Hintergrundfarbe darkolivegreen | Verlauf nach Weiß | Verlauf nach Schwarz | ||
| Farbe | : | darkolivegreen | #556b2f | #556b2f | #556b2f | #556b2f |
| Farbwert | : | #556b2f | #6d804c | #6d804c | #485b28 | #485b28 |
| HTML | : | darkolivegreen | #85956a | #85956a | #3c4c21 | #3c4c21 |
| CSS | : | darkolivegreen | #9daa88 | #9daa88 | #303d1a | #303d1a |
| CSS (Wert) | : | #556b2f | #b6bfa5 | #b6bfa5 | #242d14 | #242d14 |
| CSS (kürzest) | : | #556b2f | #ced4c3 | #ced4c3 | #181e0d | #181e0d |
| CSS (RGB) | : | rgb(85,107,47) | #e6e9e1 | #e6e9e1 | #0c0f06 | #0c0f06 |
| CSS (%RGB) | : | rgb(33%,41%,18%) | #ffffff | #ffffff | #000000 | #000000 |
Ein Link wird mit HTML-Befehl <a> erzeugt. Dieser kann farblich gestaltet und hervorgehoben werden.
Die Unterstreichungsfarbe soll sich ändern, wenn man mit der Maus darauf zeigt.
Dafür stellen wir <a> so ein, dass bei Hover die Farbe der Unterstreichung auf Farbe darkolivegreen geändert wird.<style type="text/css"><!-- a:hover { border-bottom-color:darkolivegreen; } //--> </style>
Mehr zum Thema können Sie in Verweise und Protokolle in HTML nachsehen. Mehr zum HTML-Tag <a>.
In diesem Beispiel umranden wir <hr> mit einem 1 Pixel dicken, herausstehenden Rahmen in Farbe darkolivegreen. Das ist mit HTML nicht möglich. Wir verwenden daher CSS zur Formatierung.
<style type="text/css"><!-- hr { border:1px outset darkolivegreen; } //--> </style>
Mehr zu hr können Sie in Grundlegende Gestaltungselemente in HTML finden. Der hier genutzte HTML-Befehl hr ist in der HTML Referenz bei <hr> gezeigt.
