| 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.
Hintergrundfarbwert #afeeee | ||||||
| Detail | : | Hintergrundfarbwert #afeeee | Verlauf nach Weiß | Verlauf nach Schwarz | ||
| Farbwert | : | #afeeee | #afeeee | #afeeee | #afeeee | #afeeee |
| Farbe | : | paleturquoise | #baf0f0 | #baf0f0 | #96cccc | #96cccc |
| HTML | : | #afeeee | #c5f2f2 | #c5f2f2 | #7daaaa | #7daaaa |
| CSS | : | #afeeee | #d1f5f5 | #d1f5f5 | #648888 | #648888 |
| CSS (Wert) | : | #afeeee | #dcf7f7 | #dcf7f7 | #4b6666 | #4b6666 |
| CSS (kürzest) | : | #afeeee | #e8fafa | #e8fafa | #324444 | #324444 |
| CSS (RGB) | : | rgb(175,238,238) | #f3fcfc | #f3fcfc | #192222 | #192222 |
| CSS (%RGB) | : | rgb(68%,93%,93%) | #ffffff | #ffffff | #000000 | #000000 |
Die Textfarbe soll sich ändern, wenn man mit der Maus darauf zeigt.
Dafür stellen wir <pre> so ein, dass sich bei Berührung mit der Maus die Textfarbe auf Farbwert #afeeee ändert.<style type="text/css"><!-- pre:hover { color:#afeeee; } //--> </style>
Weiteres zum Thema finden Sie in Blockorientierte Elemente in HTML. Weiteres zum HTML-Befehl pre ist in der HTML Referenz unter <pre> gezeigt.
Die Unterstreichungsfarbe soll sich ändern, wenn man mit der Maus darauf zeigt.
Dafür stellen wir <caption> so ein, dass sich bei Berührung mit der Maus die Farbe der Unterstreichung auf Farbwert #afeeee ändert.<style type="text/css"><!-- caption:hover { border-bottom-color:#afeeee; } //--> </style>
Mehr zum Thema caption erfahren Sie in Tabellen in HTML. Einzelheiten des Befehl <caption>.
