| 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 palevioletred | ||||||
| Detail | : | Hintergrundfarbe palevioletred | Verlauf nach Weiß | Verlauf nach Schwarz | ||
| Farbe | : | palevioletred | #db7093 | #db7093 | #db7093 | #db7093 |
| Farbwert | : | #db7093 | #e084a2 | #e084a2 | #bb607e | #bb607e |
| HTML | : | palevioletred | #e598b1 | #e598b1 | #9c5069 | #9c5069 |
| CSS | : | palevioletred | #eaadc1 | #eaadc1 | #7d4054 | #7d4054 |
| CSS (Wert) | : | #db7093 | #efc1d0 | #efc1d0 | #5d303f | #5d303f |
| CSS (kürzest) | : | #db7093 | #f4d6e0 | #f4d6e0 | #3e202a | #3e202a |
| CSS (RGB) | : | rgb(219,112,147) | #f9eaef | #f9eaef | #1f1015 | #1f1015 |
| CSS (%RGB) | : | rgb(85%,43%,57%) | #ffffff | #ffffff | #000000 | #000000 |
In diesem Beispiel umranden wir <dt> mit einem 1 Pixel dicken, gezahnten Rahmen in Farbe palevioletred. Mit HTML ist das kaum möglich. Deshalb verwenden wir dafür CSS.
<style type="text/css"><!-- dt { border:1px ridge palevioletred; } //--> </style>
Weiteres zum Thema können Sie in Listen und Glossare in HTML erfahren. Einzelheiten des hier verwendeten HTML-Tag dt erfahren Sie in der HTML Referenz unter <dt>.
Eine Überschrift erzeugt man mit Befehl <h4> und kann farblich gestaltet werden.
Die Hintergrundfarbe soll sich ändern, wenn man mit der Maus darauf zeigt.
Dafür stellen wir <h4> so ein, dass bei Mausberührung die Hintergrundfarbe auf Farbe palevioletred geändert wird.<style type="text/css"><!-- h4:hover { background-color:palevioletred; } //--> </style>
Mehr zum Thema h4 können Sie in Grundlegende Gestaltungselemente in HTML nachlesen. Der hier verwendete Befehl h4 ist in der HTML Referenz unter <h4> ausführlich beschrieben.
