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.
Hintergrundfarbwert #daa520 | ||||||
| Detail | : | Hintergrundfarbwert #daa520 | Verlauf nach Weiß | Verlauf nach Schwarz | ||
| Farbwert | : | #daa520 | #daa520 | #daa520 | #daa520 | #daa520 |
| Farbe | : | goldenrod | #dfb13f | #dfb13f | #ba8d1b | #ba8d1b |
| HTML | : | #daa520 | #e4be5f | #e4be5f | #9b7516 | #9b7516 |
| CSS | : | #daa520 | #e9cb7f | #e9cb7f | #7c5e12 | #7c5e12 |
| CSS (Wert) | : | #daa520 | #efd89f | #efd89f | #5d460d | #5d460d |
| CSS (kürzest) | : | #daa520 | #f4e5bf | #f4e5bf | #3e2f09 | #3e2f09 |
| CSS (RGB) | : | rgb(218,165,32) | #f9f2df | #f9f2df | #1f1704 | #1f1704 |
| CSS (%RGB) | : | rgb(85%,64%,12%) | #ffffff | #ffffff | #000000 | #000000 |
Wir ändern zum Beispiel die Textfarbe von <del> auf Farbwert #daa520. Zwar lassen wir die Hintergrundfarbe unverändert, setzen jedoch die Schriftart auf courier new.
<style type="text/css"><!-- del { font-family:courier new; color:#daa520; } //--> </style>
Einzelheiten des hier genutzten HTML-Befehl del finden Sie in der HTML Referenz unter <del>.
Eine Überschrift der 3. Stufe wird mit Tag <h3> gesetzt. Diese kann man farblich gestalten.
Wir legen z.B. bei <h3> die Hintergrundfarbe auf Farbwert #daa520 fest. Die Textfarbe behalten wir bei, ändern jedoch die Schriftart auf monospace und vergrößern die Schriftgröße auf 116%.
<h3 style="background-color:#daa520; font-size:116%; font-family:monospace;"> Hintergrund nutzt Farbwert #daa520 </h3>
Mehr zum Thema können Sie in Grundlegende Gestaltungselemente in HTML erfahren. Der HTML-Tag h3 ist in der HTML Referenz bei <h3> ausführlich gezeigt.