Ressourcen: 256 Graustufen in HTML - Kombination von Farbe gray30 und Farbe gray60

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 gray30 und Farbe gray60

Füllen und Umranden von HTML-Tag a

Einen Verweis setzen Sie mit Befehl <a>. Diesen können Sie farblich gestalten und hervorheben.

Hier umranden wir <a> mit einem gepunkteten, 1 Punkte dicken Rahmen in Farbe gray60 . Die Hintergrundfarbe für <a> färben wir entsprechend mit Farbe gray30. Mit HTML geht dies kaum. Wir verwenden daher CSS.

<style type="text/css"><!--
  a { 
    border-style:dotted; 
    border-color:gray60; 
    background-color:gray30; 
    border-width:1pt;
  }
//-->
</style>

Weiteres zu a finden Sie in Verweise und Protokolle in HTML. Zur Beschreibung vom Befehl <a>.

Hintergrund/Text-Kombination von HTML-Tag p

Für dieses Beispiel ändern wir die Textfarbe von <p> auf Farbe gray60 und die Hintergrundfarbe von <p> auf Farbe gray30. Als Schriftart setzen wir arial. Die Schriftgröße ändern wir auf 13px.

<style type="text/css"><!--
  p { 
    color:gray60; 
    background-color:gray30; 
    font-size:13px; 
    font-family:arial;
  }
//-->
</style>

Weiteres zum Thema finden Sie in Grundlegende Gestaltungselemente in HTML. Beschreibung vom hier gezeigten Befehl <p>.