Ressourcen: 256 Graustufen in HTML - Kombination von Farbe gray16 und Farbe gray37

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 gray16 und Farbe gray37

Füllen und Umranden von Tag dt

Hier umranden wir <dt> mit einem 1 Pixel dicken, gefurchten Rahmen in Farbe gray37 . Die Hintergrundfarbe für <dt> färben wir mit Farbe gray16. Dies geht mit HTML nicht. Wir verwenden daher CSS.

<style type="text/css"><!--
  dt { border:1px groove gray37; background-color:gray16; }
//-->
</style>

Weiteres zum Thema dt lesen Sie in Listen und Glossare in HTML. Weiteres zum hier gezeigten HTML-Befehl dt ist in der HTML Referenz unter <dt> genau gezeigt.

Hintergrund/Text-Kombination bei HTML-Tag h2

Mit HTML-Tag <h2> wird eine Überschrift der 2. Stufe gesetzt. Diese kann man farblich gestalten und hervorheben.

Hier ändern wir die Textfarbe von <h2> auf Farbe gray37 und die Hintergrundfarbe von <h2> auf Farbe gray16. Die Schriftart ändern wir auf arial. Die Schriftgröße setzen wir auf 116%.

<style type="text/css"><!--
  h2 { 
    color: gray37; 
    background-color: gray16; 
    font-family: arial; 
    font-size: 116%;
  }
//-->
</style>

Weiteres zum Thema h2 können Sie in Grundlegende Gestaltungselemente in HTML nachsehen. Mehr zum hier genutzten HTML-Tag h2 erfahren Sie in der HTML Referenz unter <h2>.