Ressourcen: 256 Graustufen in HTML - Kombination von Farbwert #020202 und Farbe gray189

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 Farbwert #020202 und Farbe gray189

Text- und Unterstreichungsfarben bei Tag h4

Eine Überschrift der 4. Stufe erzeugen Sie mit Tag <h4>. Diese kann man farblich gestalten und hervorheben.

Hier ändern wir die Textfarbe von <h4> auf Farbe gray189. Die Schriftart ändern wir auf monospace und verringern die Schriftgröße auf 87%. Wir unterstreichen den Inhalt von <h4> mit Hilfe eines gefurchten Rahmens mit 4 Punkte Dicke in Farbwert #020202. Dies geht mit HTML kaum. Deshalb formatieren wir hier mit CSS.

<style type="text/css"><!--
  h4 { 
    font-size: 87%; 
    font-family: monospace; 
    color: gray189; 
    border-bottom: 4pt groove #020202;
  }
//-->
</style>

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

Weiteres zum Thema h4 können Sie in Grundlegende Gestaltungselemente in HTML finden. Weiteres zum HTML-Tag h4 ist in der HTML Referenz bei <h4> zusammengestellt.

Hintergrund/Text-Kombination mit Befehl a

Einen Hyperlink erzeugt man mit HTML-Befehl <a>. Diesen können Sie farblich gestalten und hervorheben.

Bei diesem Beispiel ändern wir die Textfarbe von <a> auf Farbe gray189 und die Hintergrundfarbe von <a> auf Farbwert #020202. Als Schriftart setzen wir arial und vergrößern die Schriftgröße auf 111%.

<style type="text/css"><!--
  a { 
    font-size:111%; 
    background-color:#020202; 
    color:gray189; 
    font-family:arial;
  }
//-->
</style>

Mehr zu a lesen Sie in Verweise und Protokolle in HTML. Weiteres zum hier verwendeten HTML-Tag a ist in der HTML Referenz bei <a> beschrieben.