Ressourcen: 256 Graustufen in HTML - Kombination von Farbe gray86 und Farbwert #525252

Graustufen enthalten natürlich alle 16 Graustufen und insbesondere die unbunten Grundfarben Schwarz und Weiß.

Um 256 Graustufen in HTML bzw. CSS zu erzeugen, wählen wir Farbwerte rr, gg und bb mit Werten von 0 bis 255 (d.h. hexadezimal 00 bis ff).

Beispiele zur Kombination von Farbe gray86 und Farbwert #525252

Text- und Unterstreichungsfarben mit HTML-Tag label

Wir ändern für dieses Beispiel die Textfarbe von <label> auf Farbwert #525252. Die Schriftart setzen wir auf sans-serif. Die Schriftgröße setzen wir auf 84%. Wir unterstreichen den Inhalt von <label> mit Hilfe eines gepunkteten Rahmens mit 4 Punkte Dicke in Farbe gray86. Das ist in HTML so kaum möglich. Deshalb formatieren wir hier mit CSS.

<style type="text/css"><!--
  label { 
    color:#525252; 
    border-bottom-color:gray86; 
    font-size:84%; 
    border-bottom-width:4pt; 
    border-bottom-style:dotted; 
    font-family:sans-serif;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Weiteres zum Thema label finden Sie in Formulare in HTML. Die Beschreibung vom Befehl label erfahren Sie in der HTML Referenz unter <label>.

Füllen und Umranden mit Befehl option

Hier umranden wir <option> mit einem . Den Hintergrund von <option> setzen wir auf Farbe gray86. Das ist in HTML nicht möglich. Wir nutzen deshalb CSS.

<style type="text/css"><!--
  option { border:4pt inset #525252; background-color:gray86; }
//-->
</style>

Mehr zu option finden Sie in Formulare in HTML. Der Tag option ist in der HTML Referenz bei <option> genau gezeigt.