| 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 darkturquoise | ||||||
| Detail | : | Hintergrundfarbe darkturquoise | Verlauf nach Weiß | Verlauf nach Schwarz | ||
| Farbe | : | darkturquoise | #00ced1 | #00ced1 | #00ced1 | #00ced1 |
| Farbwert | : | #00ced1 | #24d5d7 | #24d5d7 | #00b0b3 | #00b0b3 |
| HTML | : | darkturquoise | #48dcde | #48dcde | #009395 | #009395 |
| CSS | : | darkturquoise | #6de3e4 | #6de3e4 | #007577 | #007577 |
| CSS (Wert) | : | #00ced1 | #91eaeb | #91eaeb | #005859 | #005859 |
| CSS (kürzest) | : | #00ced1 | #b6f1f1 | #b6f1f1 | #003a3b | #003a3b |
| CSS (RGB) | : | rgb(0,206,209) | #daf8f8 | #daf8f8 | #001d1d | #001d1d |
| CSS (%RGB) | : | rgb(0%,80%,81%) | #ffffff | #ffffff | #000000 | #000000 |
Ein Hyperlink wird mit HTML-Befehl <a> gesetzt. Dieser kann hervorgehoben und farblich gestaltet werden.
Die Hintergrundfarbe soll sich ändern, wenn man mit der Maus darauf zeigt. Für das Beispiel bereiten wir zunächst Formatierungen von <a> vor.
In diesem Beispiel setzen wir die Hintergrundfarbe von <a> auf Farbe darkturquoise. Die Textfarbe lassen wir unverändert. Die Schriftart setzen wir auf monospace und setzen die Größe der Schrift auf 13px.
<style type="text/css"><!-- a { font-size:13px; background-color:#68b152; font-family:monospace; } //--> </style>Nun stellen wir ein, dass bei Hover die Hintergrundfarbe auf Farbe darkturquoise gesetzt wird.
<style type="text/css"><!-- a:hover { background-color:darkturquoise; } //--> </style>
Mehr zu a erfahren Sie in Verweise und Protokolle in HTML. Einzelheiten des hier genutzten Tag a sind in der HTML Referenz bei <a> zusammengestellt.
Als Beispiel ändern wir die Textfarbe von <del> auf Farbe darkturquoise:
<del style="color:darkturquoise;"> Dieser del-Text hat Farbe darkturquoise </del>
Weiteres zum hier verwendeten Befehl del finden Sie in der HTML Referenz unter <del>.
