| 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 darkorchid | ||||||
| Detail | : | Hintergrundfarbe darkorchid | Verlauf nach Weiß | Verlauf nach Schwarz | ||
| Farbe | : | darkorchid | #9932cc | #9932cc | #9932cc | #9932cc |
| Farbwert | : | #9932cc | #a74fd3 | #a74fd3 | #832aae | #832aae |
| HTML | : | darkorchid | #b66cda | #b66cda | #6d2391 | #6d2391 |
| CSS | : | darkorchid | #c489e1 | #c489e1 | #571c74 | #571c74 |
| CSS (Wert) | : | #9932cc | #d3a7e9 | #d3a7e9 | #411557 | #411557 |
| CSS (kürzest) | : | #9932cc | #e1c4f0 | #e1c4f0 | #2b0e3a | #2b0e3a |
| CSS (RGB) | : | rgb(153,50,204) | #f0e1f7 | #f0e1f7 | #15071d | #15071d |
| CSS (%RGB) | : | rgb(60%,19%,80%) | #ffffff | #ffffff | #000000 | #000000 |
Einen Verweis setzen Sie mit HTML-Befehl <a>. Diesen kann man farblich gestalten.
Die Hintergrundfarbe soll sich ändern, wenn man mit der Maus darauf zeigt. Für das Beispiel bereiten wir zunächst Formatierungen von <a> vor.
Z.B. legen wir bei <a> die Hintergrundfarbe auf Farbe darkorchid fest:
<style type="text/css"><!-- a { background-color:#b01efe; } //--> </style>Nun stellen wir ein, dass bei Hover die Hintergrundfarbe auf Farbe darkorchid gesetzt wird.
<style type="text/css"><!-- a:hover { background-color:darkorchid; } //--> </style>
Mehr zum Thema können Sie in Verweise und Protokolle in HTML nachlesen. Beschreibung vom Befehl <a>.
