Ressourcen: 256 Graustufen in HTML - Kombination von Farbe gray72 und Farbe gray89

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 gray72 und Farbe gray89

Füllen und Umranden bei HTML-Befehl a

Einen Hyperlink erzeugt man mit Tag <a>. Er kann hervorgehoben und farblich gestaltet werden.

In diesem Beispiel umranden wir <a> mit einem herausstehenden, 1 Pixel dicken Rahmen in Farbe gray89 . Den Hintergrund von <a> färben wir entsprechend mit Farbe gray72. Das geht mit HTML nicht. Deshalb nutzen wir hier CSS.

<style type="text/css"><!--
  a { 
    border-width:1px; 
    border-style:outset; 
    border-color:gray89; 
    background-color:gray72;
  }
//-->
</style>

Mehr zum Thema a können Sie in Verweise und Protokolle in HTML nachsehen. Weiteres zum hier genutzten HTML-Befehl <a>.

Hintergrund/Text-Kombination mit Tag p

Wir ändern für dieses Beispiel die Textfarbe von <p> auf Farbe gray89 und die Hintergrundfarbe von <p> auf Farbe gray72. Als Schriftart wählen wir sans-serif und als Schriftgröße wählen wir 13px.

<style type="text/css"><!--
  p { 
    background-color:gray72; 
    color:gray89; 
    font-family:sans-serif; 
    font-size:13px;
  }
//-->
</style>

Weiteres zu p können Sie in Grundlegende Gestaltungselemente in HTML lesen. Möglichkeiten vom hier gezeigten Befehl <p>.