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

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

Füllen und Umranden mit Tag a

Einen Verweis erzeugen Sie mit Befehl <a>. Diesen kann man hervorheben und farblich gestalten.

Hier umranden wir <a> mit einem gezahnten, 2 Pixel dicken Rahmen in Farbe gray72 . Den Hintergrund von <a> setzen wir auf Farbe gray233. Dies ist in HTML kaum möglich. Wir nutzen deshalb CSS.

<style type="text/css"><!--
  a { 
    border-color:gray72; 
    border-style:ridge; 
    background-color:gray233; 
    border-width:2px;
  }
//-->
</style>

Weiteres zu a erfahren Sie in Verweise und Protokolle in HTML. Die Beschreibung des Tag a finden Sie in der HTML Referenz unter <a>.

Hintergrund/Text-Kombination mit HTML-Befehl p

Wir ändern hier die Textfarbe von <p> auf Farbe gray72 und die Hintergrundfarbe von <p> auf Farbe gray233. Die Schriftart setzen wir auf sans-serif und erhöhen die Schriftgröße auf 118%.

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

Weiteres zum Thema p können Sie in Grundlegende Gestaltungselemente in HTML lesen. Weiteres zum Tag <p>.