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 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 <form> mit einem 1 Pixel dicken, doppelten Rahmen in Farbe palevioletred. In HTML ist dies nicht möglich. Wir nutzen deshalb CSS zur Formatierung.
<style type="text/css"><!-- form { border:1px double palevioletred; } //--> </style>
Mehr zu form lesen Sie in Formulare in HTML. Weiteres zum hier verwendeten HTML-Tag form erfahren Sie in der HTML Referenz unter <form>.
Die Farbe der Unterstreichung soll sich ändern, wenn man mit der Maus darauf zeigt.
Dafür stellen wir <caption> so ein, dass bei Hover die Unterstreichungsfarbe auf Farbe palevioletred geändert wird.<style type="text/css"><!-- caption:hover { border-bottom-color:palevioletred; } //--> </style>
Weiteres zum Thema caption finden Sie in Tabellen in HTML. Einzelheiten vom Befehl caption erfahren Sie in der HTML Referenz unter <caption>.