| 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 orange | ||||||
| Detail | : | Hintergrundfarbe orange | Verlauf nach Weiß | Verlauf nach Schwarz | ||
| Farbe | : | orange | #ffa500 | #ffa500 | #ffa500 | #ffa500 |
| Farbwert | : | #ffa500 | #ffb124 | #ffb124 | #da8d00 | #da8d00 |
| HTML | : | orange | #ffbe48 | #ffbe48 | #b67500 | #b67500 |
| CSS | : | orange | #ffcb6d | #ffcb6d | #915e00 | #915e00 |
| CSS (Wert) | : | #ffa500 | #ffd891 | #ffd891 | #6d4600 | #6d4600 |
| CSS (kürzest) | : | #ffa500 | #ffe5b6 | #ffe5b6 | #482f00 | #482f00 |
| CSS (RGB) | : | rgb(255,165,0) | #fff2da | #fff2da | #241700 | #241700 |
| CSS (%RGB) | : | rgb(100%,64%,0%) | #ffffff | #ffffff | #000000 | #000000 |
In diesem Beispiel umranden wir <iframe> mit einem 4 Pixel dicken, gezahnten Rahmen in Farbe orange. Mit HTML ist dies nicht möglich. Wir verwenden daher CSS zur Formatierung.
<style type="text/css"><!-- iframe { border-style:ridge; border-width:4px; border-color:orange; } //--> </style>
Zur Beschreibung vom hier gezeigten HTML-Tag <iframe>.
Die Hintergrundfarbe soll sich ändern, wenn man mit der Maus darauf zeigt. Für das Beispiel bereiten wir zunächst Formatierungen von <tfoot> vor.
Wir legen als Beispiel Farbe orange als Hintergrundfarbe von <tfoot> fest. Die Größe der Schrift erhöhen wir auf 126%:
<style type="text/css"><!-- tfoot { background-color:#e9980b; font-size:126%; } //--> </style>Nun stellen wir ein, dass bei Hover die Hintergrundfarbe auf Farbe orange gesetzt wird.
<style type="text/css"><!-- tfoot:hover { background-color:orange; } //--> </style>
Mehr zum Thema können Sie in Tabellen in HTML lesen. Die Beschreibung des HTML-Befehl tfoot lesen Sie in der HTML Referenz unter <tfoot>.
