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 Farbwerten, die einem bestimmten Schema folgen, definierte man noch 120 Werte und ordnete ihnen Namen zu.
Hintergrundfarbe palegoldenrod | ||||||
| Detail | : | Hintergrundfarbe palegoldenrod | Verlauf nach Weiß | Verlauf nach Schwarz | ||
| Farbe | : | palegoldenrod | #eee8aa | #eee8aa | #eee8aa | #eee8aa |
| Farbwert | : | #eee8aa | #f0ebb6 | #f0ebb6 | #ccc691 | #ccc691 |
| HTML | : | palegoldenrod | #f2eec2 | #f2eec2 | #aaa579 | #aaa579 |
| CSS | : | palegoldenrod | #f5f1ce | #f5f1ce | #888461 | #888461 |
| CSS (Wert) | : | #eee8aa | #f7f5da | #f7f5da | #666348 | #666348 |
| CSS (kürzest) | : | #eee8aa | #faf8e6 | #faf8e6 | #444230 | #444230 |
| CSS (RGB) | : | rgb(238,232,170) | #fcfbf2 | #fcfbf2 | #222118 | #222118 |
| CSS (%RGB) | : | rgb(93%,90%,66%) | #ffffff | #ffffff | #000000 | #000000 |
In diesem Beispiel umranden wir <address> mit einem 1 Pixel dicken, herausstehenden Rahmen in Farbe palegoldenrod. Dies ist in HTML nicht möglich. Wir verwenden deshalb CSS.
<style type="text/css"><!-- address { border-width:1px; border-style:outset; border-color:palegoldenrod; } //--> </style>
Mehr zu address können Sie in Blockorientierte Elemente in HTML erfahren. Die Beschreibung des hier verwendeten Befehl address finden Sie in der HTML Referenz unter <address>.
Für dieses Beispiel legen wir Farbe palegoldenrod als Hintergrundfarbe von <blockquote> fest und setzen die Größe der Schrift auf 83%:
<blockquote style="background-color:palegoldenrod; font-size:83%;"> Hintergrund hat Farbe palegoldenrod </blockquote>
Mehr zum Thema können Sie in Blockorientierte Elemente in HTML erfahren. Möglichkeiten vom hier genutzten HTML-Tag blockquote sind in der HTML Referenz unter <blockquote> genau beschrieben.