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 #3cb371 | ||||||
Detail | : | Hintergrundfarbwert #3cb371 | Verlauf nach Weiß | Verlauf nach Schwarz | ||
Farbwert | : | #3cb371 | #3cb371 | #3cb371 | #3cb371 | #3cb371 |
Farbe | : | mediumseagreen | #57bd85 | #57bd85 | #339960 | #339960 |
HTML | : | #3cb371 | #73c899 | #73c899 | #2a7f50 | #2a7f50 |
CSS | : | #3cb371 | #8fd3ad | #8fd3ad | #226640 | #226640 |
CSS (Wert) | : | #3cb371 | #abdec2 | #abdec2 | #194c30 | #194c30 |
CSS (kürzest) | : | #3cb371 | #c7e9d6 | #c7e9d6 | #113320 | #113320 |
CSS (RGB) | : | rgb(60,179,113) | #e3f4ea | #e3f4ea | #081910 | #081910 |
CSS (%RGB) | : | rgb(23%,70%,44%) | #ffffff | #ffffff | #000000 | #000000 |
In diesem Beispiel umranden wir <center> mit einem 2 Pixel dicken, doppelten Rahmen in Farbwert #3cb371. In HTML ist das kaum machbar. Deshalb formatieren wir mit CSS.
<style type="text/css"><!-- center { border-style:double; border-width:2px; border-color:#3cb371; } //--> </style>
Weiteres zum Thema finden Sie in Grundlegende Gestaltungselemente in HTML. Die Beschreibung vom hier genutzten Befehl center finden Sie in der HTML Referenz unter <center>.
Zum Beispiel legen wir bei <p> die Textfarbe auf Farbwert #3cb371 fest. Zwar ändern wir die Hintergrundfarbe nicht, ändern jedoch die Schriftart auf courier new. Die Schriftgröße setzen wir auf 13px.
<p style="font-family:courier new; font-size:13px; color:#3cb371;"> p-Text ist in Farbwert #3cb371 </p>
Weiteres zum Thema p können Sie in Grundlegende Gestaltungselemente in HTML erfahren. Möglichkeiten vom hier genutzten HTML-Befehl p sind in der HTML Referenz bei <p> genau zusammengestellt.