| 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 royalblue | ||||||
| Detail | : | Hintergrundfarbe royalblue | Verlauf nach Weiß | Verlauf nach Schwarz | ||
| Farbe | : | royalblue | #4169e1 | #4169e1 | #4169e1 | #4169e1 |
| Farbwert | : | #4169e1 | #5c7ee5 | #5c7ee5 | #375ac0 | #375ac0 |
| HTML | : | royalblue | #7793e9 | #7793e9 | #2e4ba0 | #2e4ba0 |
| CSS | : | royalblue | #92a9ed | #92a9ed | #253c80 | #253c80 |
| CSS (Wert) | : | #4169e1 | #adbef2 | #adbef2 | #1b2d60 | #1b2d60 |
| CSS (kürzest) | : | #4169e1 | #c8d4f6 | #c8d4f6 | #121e40 | #121e40 |
| CSS (RGB) | : | rgb(65,105,225) | #e3e9fa | #e3e9fa | #090f20 | #090f20 |
| CSS (%RGB) | : | rgb(25%,41%,88%) | #ffffff | #ffffff | #000000 | #000000 |
Als Beispiel legen wir Farbe royalblue als Textfarbe von <kbd> fest. Die Hintergrundfarbe behalten wir bei, ändern jedoch die Schriftart auf sans-serif. Die Schriftgröße ändern wir auf 10pt:
<kbd style="font-size:10pt; color:royalblue; font-family:sans-serif;"> Text nutzt Farbe royalblue </kbd>
Weiteres zum Thema kbd können Sie in Text in HTML lesen. Beschreibung des hier gezeigten HTML-Tag <kbd>.
In diesem Beispiel umranden wir <th> mit einem 1 Pixel dicken, doppelten Rahmen in Farbe royalblue. Mit HTML ist das nicht machbar. Deshalb nutzen wir CSS.
<style type="text/css"><!-- th { border-color:royalblue; border-style:double; border-width:1px; } //--> </style>
Mehr zum Thema lesen Sie in Tabellen in HTML. Weiteres zum HTML-Befehl th erfahren Sie in der HTML Referenz unter <th>.
