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 #1e90ff | ||||||
Detail | : | Hintergrundfarbwert #1e90ff | Verlauf nach Weiß | Verlauf nach Schwarz | ||
Farbwert | : | #1e90ff | #1e90ff | #1e90ff | #1e90ff | #1e90ff |
Farbe | : | dodgerblue | #3e9fff | #3e9fff | #197bda | #197bda |
HTML | : | #1e90ff | #5eafff | #5eafff | #1566b6 | #1566b6 |
CSS | : | #1e90ff | #7ebfff | #7ebfff | #115291 | #115291 |
CSS (Wert) | : | #1e90ff | #9ecfff | #9ecfff | #0c3d6d | #0c3d6d |
CSS (kürzest) | : | #1e90ff | #bedfff | #bedfff | #082948 | #082948 |
CSS (RGB) | : | rgb(30,144,255) | #deefff | #deefff | #041424 | #041424 |
CSS (%RGB) | : | rgb(11%,56%,100%) | #ffffff | #ffffff | #000000 | #000000 |
In diesem Beispiel umranden wir <img> mit einem 4 Pixel dicken, herausstehenden Rahmen in Farbwert #1e90ff. Dies geht mit HTML nicht. Wir verwenden daher CSS zur Formatierung.
<style type="text/css"><!-- img { border-width: 4px; border-style: outset; border-color: #1e90ff; } //--> </style>
Mehr zum Thema img lesen Sie in Grafik in HTML. Möglichkeiten vom hier gezeigten HTML-Tag img sind in der HTML Referenz bei <img> genau beschrieben.
Wir legen für dieses Beispiel bei <form> die Hintergrundfarbe auf Farbwert #1e90ff fest und ändern die Größe der Schrift auf 13px:
<style type="text/css"><!-- form { font-size: 13px; background-color: #1e90ff; } //--> </style>
Mehr zu form können Sie in Formulare in HTML lesen. Weiteres zum HTML-Tag form erfahren Sie in der HTML Referenz unter <form>.