Ressourcen: 256 Graustufen in HTML - Kombination von Farbwert #f9f9f9 und Farbe gray11

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 Farbwert #f9f9f9 und Farbe gray11

Füllen und Umranden bei Tag a

Mit HTML-Befehl <a> wird ein Verweis gesetzt. Diesen können Sie farblich gestalten.

Für dieses Beispiel umranden wir <a> mit einem 5 Pixel dicken, gezahnten Rahmen in Farbe gray11 . Den Hintergrund von <a> setzen wir entsprechend auf Farbwert #f9f9f9. Dies geht mit HTML kaum. Wir verwenden daher CSS.

<style type="text/css"><!--
  a { 
    border-color:gray11; 
    background-color:#f9f9f9; 
    border-width:5px; 
    border-style:ridge;
  }
//-->
</style>

Mehr zum Thema a können Sie in Verweise und Protokolle in HTML nachlesen. Weiteres zum Tag a ist in der HTML Referenz unter <a> genau gezeigt.

Hintergrund/Text-Kombination mit HTML-Befehl p

Wir ändern bei diesem Beispiel die Textfarbe von <p> auf Farbe gray11 und die Hintergrundfarbe von <p> auf Farbwert #f9f9f9. Die Schriftart setzen wir auf courier new. Die Schriftgröße verkleinern wir auf 96%.

<style type="text/css"><!--
  p { 
    background-color:#f9f9f9; 
    font-size:96%; 
    color:gray11; 
    font-family:courier new;
  }
//-->
</style>

Weiteres zu p finden Sie in Grundlegende Gestaltungselemente in HTML. Mehr zum hier gezeigten HTML-Befehl p lesen Sie in der HTML Referenz unter <p>.