Ressourcen: 256 Graustufen in HTML - Kombination von Farbe gray130 und Farbe gray240

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 gray130 und Farbe gray240

Füllen und Umranden von Tag a

Mit Befehl <a> wird ein Verweis gesetzt. Diesen kann man farblich gestalten.

In diesem Beispiel umranden wir <a> mit einem 2 Pixel dicken, doppelten Rahmen in Farbe gray240 . Den Hintergrund von <a> färben wir entsprechend mit Farbe gray130. Das ist mit HTML nicht möglich. Wir nutzen daher CSS.

<style type="text/css"><!--
  a { 
    border-width:2px; 
    border-color:gray240; 
    border-style:double; 
    background-color:gray130;
  }
//-->
</style>

Mehr zum Thema können Sie in Verweise und Protokolle in HTML nachsehen. Die Beschreibung des Befehl a lesen Sie in der HTML Referenz unter <a>.

Hintergrund/Text-Kombination bei HTML-Befehl p

Hier ändern wir die Textfarbe von <p> auf Farbe gray240 und die Hintergrundfarbe von <p> auf Farbe gray130. Als Schriftart wählen wir arial und als Schriftgröße entscheiden wir uns für 9px.

<style type="text/css"><!--
  p { 
    font-size:9px; 
    color:gray240; 
    background-color:gray130; 
    font-family:arial;
  }
//-->
</style>

Mehr zu p lesen Sie in Grundlegende Gestaltungselemente in HTML. Einzelheiten vom HTML-Befehl <p>.