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 firebrick | ||||||
Detail | : | Hintergrundfarbe firebrick | Verlauf nach Weiß | Verlauf nach Schwarz | ||
Farbe | : | firebrick | #b22222 | #b22222 | #b22222 | #b22222 |
Farbwert | : | #b22222 | #bd4141 | #bd4141 | #981d1d | #981d1d |
HTML | : | firebrick | #c86161 | #c86161 | #7f1818 | #7f1818 |
CSS | : | firebrick | #d38080 | #d38080 | #651313 | #651313 |
CSS (Wert) | : | #b22222 | #dea0a0 | #dea0a0 | #4c0e0e | #4c0e0e |
CSS (kürzest) | : | #b22222 | #e9bfbf | #e9bfbf | #320909 | #320909 |
CSS (RGB) | : | rgb(178,34,34) | #f4dfdf | #f4dfdf | #190404 | #190404 |
CSS (%RGB) | : | rgb(69%,13%,13%) | #ffffff | #ffffff | #000000 | #000000 |
In diesem Beispiel umranden wir <img> mit einem 4 Pixel dicken, gepunkteten Rahmen in Farbe firebrick. Das ist in HTML so kaum möglich. Wir verwenden deshalb CSS.
<style type="text/css"><!-- img { border:4px dotted firebrick; } //--> </style>
Mehr zum Thema lesen Sie in Grafik in HTML. Der hier gezeigte HTML-Befehl img ist in der HTML Referenz unter <img> genau beschrieben.
Mit Befehl <a> erzeugen Sie einen Hyperlink und kann hervorgehoben und farblich gestaltet werden.
Die Hintergrundfarbe soll sich ändern, wenn man mit der Maus darauf zeigt. Für das Beispiel bereiten wir zunächst Formatierungen von <a> vor.
Wir setzen in diesem Beispiel bei <a> die Hintergrundfarbe auf Farbe firebrick:
<style type="text/css"><!-- a { background-color:#58f436; } //--> </style>Nun stellen wir ein, dass bei Hover die Hintergrundfarbe auf Farbe firebrick gesetzt wird.
<style type="text/css"><!-- a: hover { background-color: firebrick; } //--> </style>
Weiteres zum Thema a lesen Sie in Verweise und Protokolle in HTML. Die Beschreibung vom hier genutzten Tag a finden Sie in der HTML Referenz unter <a>.