Ressourcen: 16 Graustufen in HTML - Kombination von Farbwert #111111 und Farbe gray102

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 Farbwert #111111 und Farbe gray102

Text- und Unterstreichungsfarben bei Befehl del

Hier ändern wir die Textfarbe von <del> auf Farbe gray102. Die Schriftart setzen wir auf monospace und setzen die Schriftgröße auf 13pt. Wir unterstreichen den Inhalt von <del> mit Hilfe eines gefurchten Rahmens mit 3 Pixel Dicke in Farbwert #111111. Mit HTML ist das kaum machbar. Wir verwenden daher CSS zur Formatierung.

<style type="text/css"><!--
  del { 
    border-bottom-color:#111; 
    border-bottom-width:3px; 
    color:gray102; 
    border-bottom-style:groove; 
    font-family:monospace; 
    font-size:13pt;
  }
//-->
</style>

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

Der HTML-Tag del ist in der HTML Referenz unter <del> zusammengestellt.

Hintergrund/Text-Kombination von Befehl h1

Eine Überschrift setzt man mit Tag <h1>. Diese kann man farblich gestalten und hervorheben.

Wir ändern für dieses Beispiel die Textfarbe von <h1> auf Farbe gray102 und die Hintergrundfarbe von <h1> auf Farbwert #111111. Die Schriftart setzen wir auf monospace und erhöhen die Schriftgröße auf 115%.

<style type="text/css"><!--
  h1 { 
    font-family:monospace; 
    font-size:115%; 
    color:gray102; 
    background-color:#111;
  }
//-->
</style>

Mehr zu h1 finden Sie in Grundlegende Gestaltungselemente in HTML. Beschreibung des Tag <h1>.