Ressourcen: 256 Graustufen in HTML - Kombination von Farbe gray102 und Farbe gray73

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 gray102 und Farbe gray73

Füllen und Umranden mit Tag a

Mit Tag <a> wird ein Link erzeugt. Er kann hervorgehoben und farblich gestaltet werden.

Hier umranden wir <a> mit einem 3 Punkte dicken, herausstehenden Rahmen in Farbe gray73 . Die Hintergrundfarbe für <a> färben wir entsprechend mit Farbe gray102. Mit HTML ist das nicht machbar. Daher formatieren wir hier mit CSS.

<style type="text/css"><!--
  a { 
    border-style:outset; 
    border-color:gray73; 
    background-color:gray102; 
    border-width:3pt;
  }
//-->
</style>

Weiteres zum Thema können Sie in Verweise und Protokolle in HTML nachlesen. Mehr zum HTML-Befehl a ist in der HTML Referenz bei <a> ausführlich gezeigt.

Hintergrund/Text-Kombination von Tag p

In diesem Beispiel ändern wir die Textfarbe von <p> auf Farbe gray73 und die Hintergrundfarbe von <p> auf Farbe gray102. Als Schriftart wählen wir monospace. Als Schriftgröße wählen wir 80%.

<style type="text/css"><!--
  p { 
    color:gray73; 
    background-color:gray102; 
    font-size:80%; 
    font-family:monospace;
  }
//-->
</style>

Mehr zum Thema p können Sie in Grundlegende Gestaltungselemente in HTML erfahren. Einzelheiten des HTML-Befehl <p>.