| 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 lightskyblue | ||||||
| Detail | : | Hintergrundfarbe lightskyblue | Verlauf nach Weiß | Verlauf nach Schwarz | ||
| Farbe | : | lightskyblue | #87cefa | #87cefa | #87cefa | #87cefa |
| Farbwert | : | #87cefa | #98d5fa | #98d5fa | #73b0d6 | #73b0d6 |
| HTML | : | lightskyblue | #a9dcfb | #a9dcfb | #6093b2 | #6093b2 |
| CSS | : | lightskyblue | #bae3fc | #bae3fc | #4d758e | #4d758e |
| CSS (Wert) | : | #87cefa | #cbeafc | #cbeafc | #39586b | #39586b |
| CSS (kürzest) | : | #87cefa | #dcf1fd | #dcf1fd | #263a47 | #263a47 |
| CSS (RGB) | : | rgb(135,206,250) | #edf8fe | #edf8fe | #131d23 | #131d23 |
| CSS (%RGB) | : | rgb(52%,80%,98%) | #ffffff | #ffffff | #000000 | #000000 |
Wir legen z.B. Farbe lightskyblue als Textfarbe von <q> fest. Zwar behalten wir die Hintergrundfarbe bei, setzen jedoch die Schriftart auf arial und verkleinern die Schriftgröße auf 91%.
<style type="text/css"><!-- q { font-size:91%; font-family:arial; color:lightskyblue; } //--> </style>
Möglichkeiten vom hier genutzten HTML-Befehl q lesen Sie in der HTML Referenz unter <q>.
Einen Hyperlink erzeugen Sie mit Tag <a>. Dieser kann farblich gestaltet und hervorgehoben werden.
Die Farbe der Unterstreichung soll sich ändern, wenn man mit der Maus darauf zeigt.
Dafür stellen wir <a> so ein, dass bei Hover die Unterstreichungsfarbe auf Farbe lightskyblue gesetzt wird.<style type="text/css"><!-- a:hover { border-bottom-color:lightskyblue; } //--> </style>
Weiteres zu a können Sie in Verweise und Protokolle in HTML nachlesen. Weiteres zum hier gezeigten HTML-Befehl a erfahren Sie in der HTML Referenz unter <a>.
