Ressourcen: 256 Graustufen in HTML - Kombination von Farbwert #f6f6f6 und Farbwert #b0b0b0

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 #f6f6f6 und Farbwert #b0b0b0

Füllen und Umranden bei Tag a

Mit Tag <a> wird ein Hyperlink erzeugt. Er kann farblich gestaltet werden.

Hier umranden wir <a> mit einem einfallenden, 4 Pixel dicken Rahmen in Farbwert #b0b0b0 . Die Hintergrundfarbe für <a> färben wir entsprechend mit Farbwert #f6f6f6. In HTML geht dies kaum. Deshalb verwenden wir CSS zur Formatierung.

<style type="text/css"><!--
  a { 
    border-width:4px; 
    border-style:inset; 
    border-color:#b0b0b0; 
    background-color:#f6f6f6;
  }
//-->
</style>

Weiteres zu a können Sie in Verweise und Protokolle in HTML nachlesen. Mehr zum Befehl <a>.

Hintergrund/Text-Kombination mit Tag p

Wir ändern für dieses Beispiel die Textfarbe von <p> auf Farbwert #b0b0b0 und die Hintergrundfarbe von <p> auf Farbwert #f6f6f6. Als Schriftart setzen wir courier new. Als Schriftgröße wählen wir 96%.

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

Mehr zum Thema p erfahren Sie in Grundlegende Gestaltungselemente in HTML. Die Beschreibung des HTML-Tag p finden Sie in der HTML Referenz unter <p>.