Ressourcen: 16 Graustufen in HTML - Kombination von Farbe gray85 und Farbe gray153

Graustufen enthalten insbesondere die unbunten Grundfarben Schwarz und Weiß.

Um 16 Graustufen in HTML bzw. CSS zu erzeugen, wählen wir Farbwerte rr, gg und bb mit Werten von 0 bis 15 (d.h. hexadezimal 0 bis f) für r, g und b.

Beispiele zur Kombination von Farbe gray85 und Farbe gray153

Füllen und Umranden bei Tag a

Einen Link erzeugt man mit HTML-Tag <a> und kann farblich gestaltet werden.

Bei diesem Beispiel umranden wir <a> mit einem einfallenden, 5 Punkte dicken Rahmen in Farbe gray153 . Die Hintergrundfarbe für <a> färben wir entsprechend mit Farbe gray85. In HTML ist das nicht machbar. Wir verwenden deshalb CSS.

<style type="text/css"><!--
  a { 
    border-width:5pt; 
    border-color:gray153; 
    border-style:inset; 
    background-color:gray85;
  }
//-->
</style>

Mehr zum Thema finden Sie in Verweise und Protokolle in HTML. Weiteres zum Befehl a erfahren Sie in der HTML Referenz unter <a>.

Hintergrund/Text-Kombination bei Tag p

Hier ändern wir die Textfarbe von <p> auf Farbe gray153 und die Hintergrundfarbe von <p> auf Farbe gray85. Die Schriftart ändern wir auf courier new und als Schriftgröße setzen wir 13px.

<style type="text/css"><!--
  p { 
    color:gray153; 
    background-color:gray85; 
    font-size:13px; 
    font-family:courier new;
  }
//-->
</style>

Mehr zu p können Sie in Grundlegende Gestaltungselemente in HTML nachsehen. Weiteres zum hier genutzten HTML-Tag <p>.