Ressourcen: 16 Graustufen in HTML - Kombination von Farbe gray34 und Farbwert #cccccc

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 gray34 und Farbwert #cccccc

Text- und Unterstreichungsfarben von Tag legend

Hier ändern wir die Textfarbe von <legend> auf Farbwert #cccccc. Die Schriftart ändern wir auf verdana und vergrößern die Schriftgröße auf 122%. Wir unterstreichen den Inhalt von <legend> mit Hilfe eines gefurchten Rahmens mit 5 Punkte Dicke in Farbe gray34. In HTML geht dies kaum. Deshalb formatieren wir hier mit CSS.

<style type="text/css"><!--
  legend { 
    color:#ccc; 
    font-size:122%; 
    font-family:verdana; 
    border-bottom:5pt groove gray34;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Weiteres zum Thema legend erfahren Sie in Formulare in HTML. Mehr zum HTML-Befehl legend erfahren Sie in der HTML Referenz unter <legend>.

Hintergrund/Text-Kombination mit Befehl dd

Für dieses Beispiel ändern wir die Textfarbe von <dd> auf Farbwert #cccccc und die Hintergrundfarbe von <dd> auf Farbe gray34. Die Schriftart setzen wir auf sans-serif und ändern die Schriftgröße auf 13px.

<style type="text/css"><!--
  dd { 
    font-size:13px; 
    color:#ccc; 
    background-color:gray34; 
    font-family:sans-serif;
  }
//-->
</style>

Mehr zu dd können Sie in Listen und Glossare in HTML nachsehen. Einzelheiten vom Tag <dd>.