Ressourcen: 256 Graustufen in HTML - Kombination von Farbe gray220 und Farbe gray247

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 gray220 und Farbe gray247

Füllen und Umranden von Tag a

Mit Tag <a> setzen Sie einen Verweis. Diesen kann man farblich gestalten und hervorheben.

Bei diesem Beispiel umranden wir <a> mit einem gestrichelten, 1 Pixel dicken Rahmen in Farbe gray247 . Die Hintergrundfarbe für <a> färben wir entsprechend mit Farbe gray220. Dies geht in HTML kaum. Daher verwenden wir hier CSS.

<style type="text/css"><!--
  a { 
    border-color:gray247; 
    border-width:1px; 
    background-color:gray220; 
    border-style:dashed;
  }
//-->
</style>

Mehr zum Thema können Sie in Verweise und Protokolle in HTML nachlesen. Weiteres zum hier gezeigten HTML-Tag a lesen Sie in der HTML Referenz unter <a>.

Hintergrund/Text-Kombination mit Befehl p

Hier ändern wir die Textfarbe von <p> auf Farbe gray247 und die Hintergrundfarbe von <p> auf Farbe gray220. Die Schriftart ändern wir auf arial. Als Schriftgröße wählen wir 96%.

<style type="text/css"><!--
  p { 
    color:gray247; 
    font-size:96%; 
    font-family:arial; 
    background-color:gray220;
  }
//-->
</style>

Weiteres zum Thema erfahren Sie in Grundlegende Gestaltungselemente in HTML. Möglichkeiten des Tag <p>.