Ressourcen: 16 Graustufen in HTML - Kombination von Farbe gray85 und Farbe gray17

Graustufen enthalten insbesondere die unbunten Grundfarben Schwarz und Weiß.

Um 16 Graustufen in HTML bzw. CSS zu erzeugen, wählen wir Farbwerte rr, gg und bb mit Werten von 0 bis 15 (d.h. hexadezimal 0 bis f) für r, g und b.

Beispiele zur Kombination von Farbe gray85 und Farbe gray17

Hintergrund/Text-Kombination von Befehl h3

Eine Überschrift der 3. Stufe erzeugen Sie mit HTML-Tag <h3>. Diese können Sie farblich gestalten und hervorheben.

Wir ändern für dieses Beispiel die Textfarbe von <h3> auf Farbe gray17 und die Hintergrundfarbe von <h3> auf Farbe gray85. Die Schriftart ändern wir auf courier new und als Schriftgröße wählen wir 123%.

<style type="text/css"><!--
  h3 { 
    font-family: courier new; 
    font-size: 123%; 
    background-color: gray85; 
    color: gray17;
  }
//-->
</style>

Mehr zu h3 finden Sie in Grundlegende Gestaltungselemente in HTML. Mehr zum Tag h3 finden Sie in der HTML Referenz unter <h3>.

Füllen und Umranden bei HTML-Befehl hr

Hier umranden wir <hr> mit einem 5 Punkte dicken, doppelten Rahmen in Farbe gray17 . Den Hintergrund von <hr> setzen wir auf Farbe gray85. Dies geht mit HTML nicht. Wir nutzen deshalb CSS.

<style type="text/css"><!--
  hr { 
    border-color:gray17; 
    background-color:gray85; 
    border-style:double; 
    border-width:5pt;
  }
//-->
</style>

Weiteres zum Thema können Sie in Grundlegende Gestaltungselemente in HTML nachsehen. Beschreibung vom HTML-Befehl <hr>.