Ressourcen: 256 Graustufen in HTML - Kombination von Farbwert #f2f2f2 und Farbe gray190

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 #f2f2f2 und Farbe gray190

Füllen und Umranden mit HTML-Befehl a

Mit HTML-Tag <a> erzeugen Sie einen Verweis. Dieser kann farblich gestaltet und hervorgehoben werden.

Für dieses Beispiel umranden wir <a> mit einem 4 Punkte dicken, doppelten Rahmen in Farbe gray190 . Den Hintergrund von <a> färben wir entsprechend mit Farbwert #f2f2f2. Das ist in HTML kaum möglich. Wir nutzen deshalb CSS zur Formatierung.

<style type="text/css"><!--
  a { 
    border-color:gray190; 
    background-color:#f2f2f2; 
    border-width:4pt; 
    border-style:double;
  }
//-->
</style>

Mehr zum Thema a können Sie in Verweise und Protokolle in HTML lesen. Einzelheiten vom hier verwendeten Befehl a sind in der HTML Referenz bei <a> ausführlich zusammengestellt.

Hintergrund/Text-Kombination von Befehl p

Hier ändern wir die Textfarbe von <p> auf Farbe gray190 und die Hintergrundfarbe von <p> auf Farbwert #f2f2f2. Die Schriftart ändern wir auf monospace und als Schriftgröße wählen wir 9pt.

<style type="text/css"><!--
  p { 
    font-family:monospace; 
    background-color:#f2f2f2; 
    color:gray190; 
    font-size:9pt;
  }
//-->
</style>

Weiteres zum Thema finden Sie in Grundlegende Gestaltungselemente in HTML. Mehr zum HTML-Befehl <p>.