| 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 steelblue | ||||||
| Detail | : | Hintergrundfarbe steelblue | Verlauf nach Weiß | Verlauf nach Schwarz | ||
| Farbe | : | steelblue | #4682b4 | #4682b4 | #4682b4 | #4682b4 |
| Farbwert | : | #4682b4 | #6093be | #6093be | #3c6f9a | #3c6f9a |
| HTML | : | steelblue | #7aa5c9 | #7aa5c9 | #325c80 | #325c80 |
| CSS | : | steelblue | #95b7d4 | #95b7d4 | #284a66 | #284a66 |
| CSS (Wert) | : | #4682b4 | #afc9de | #afc9de | #1e374d | #1e374d |
| CSS (kürzest) | : | #4682b4 | #cadbe9 | #cadbe9 | #142533 | #142533 |
| CSS (RGB) | : | rgb(70,130,180) | #e4edf4 | #e4edf4 | #0a1219 | #0a1219 |
| CSS (%RGB) | : | rgb(27%,50%,70%) | #ffffff | #ffffff | #000000 | #000000 |
Als Beispiel ändern wir die Hintergrundfarbe von <abbr> auf Farbe steelblue. Die Textfarbe verändern wir nicht. Die Schriftart ändern wir auf sans-serif:
<style type="text/css"><!-- abbr { background-color:steelblue; font-family:sans-serif; } //--> </style>
Möglichkeiten vom Befehl abbr sind in der HTML Referenz bei <abbr> zusammengestellt.
In diesem Beispiel umranden wir <address> mit einem 2 Pixel dicken, herausstehenden Rahmen in Farbe steelblue. In HTML geht dies kaum. Wir verwenden daher CSS.
<style type="text/css"><!-- address { border:2px outset steelblue; } //--> </style>
Mehr zum Thema address können Sie in Blockorientierte Elemente in HTML erfahren. Mehr zum hier genutzten Tag address ist in der HTML Referenz unter <address> gezeigt.
