| 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 tan | ||||||
| Detail | : | Hintergrundfarbe tan | Verlauf nach Weiß | Verlauf nach Schwarz | ||
| Farbe | : | tan | #d2b48c | #d2b48c | #d2b48c | #d2b48c |
| Farbwert | : | #d2b48c | #d8be9c | #d8be9c | #b49a78 | #b49a78 |
| HTML | : | tan | #dec9ac | #dec9ac | #968064 | #968064 |
| CSS | : | tan | #e5d4bd | #e5d4bd | #786650 | #786650 |
| CSS (Wert) | : | #d2b48c | #ebdecd | #ebdecd | #5a4d3c | #5a4d3c |
| CSS (kürzest) | : | #d2b48c | #f2e9de | #f2e9de | #3c3328 | #3c3328 |
| CSS (RGB) | : | rgb(210,180,140) | #f8f4ee | #f8f4ee | #1e1914 | #1e1914 |
| CSS (%RGB) | : | rgb(82%,70%,54%) | #ffffff | #ffffff | #000000 | #000000 |
Die Textfarbe soll sich ändern, wenn man mit der Maus darauf zeigt. Für das Beispiel bereiten wir zunächst Formatierungen von <dt> vor.
<style type="text/css"><!-- dt { color:#e290b3; } //--> </style>Nun stellen wir ein, dass bei Hover die Textfarbe auf Farbe tan gesetzt wird.
<style type="text/css"><!-- dt:hover { color:tan; } //--> </style>
Mehr zu dt finden Sie in Listen und Glossare in HTML. Die Beschreibung des hier verwendeten Tag dt lesen Sie in der HTML Referenz unter <dt>.
Wir legen als Beispiel die Hintergrundfarbe von <caption> auf Farbe tan fest. Die Textfarbe lassen wir unverändert, ändern jedoch die Schriftart auf sans-serif. Die Schriftgröße ändern wir auf 13px.
<style type="text/css"><!-- caption { background-color:tan; font-family:sans-serif; font-size:13px; } //--> </style>
Weiteres zum Thema caption können Sie in Tabellen in HTML lesen. Der Tag caption ist in der HTML Referenz unter <caption> ausführlich beschrieben.
