Ressourcen: 16 Graustufen in HTML - Kombination von Farbwert #666666 und Farbwert #222222

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 Farbwert #666666 und Farbwert #222222

Hintergrund/Text-Kombination von HTML-Tag li

Wir ändern für dieses Beispiel die Textfarbe von <li> auf Farbwert #222222 und die Hintergrundfarbe von <li> auf Farbwert #666666. Als Schriftart setzen wir courier new. Die Schriftgröße erhöhen wir auf 120%.

<style type="text/css"><!--
  li { 
    font-size:120%; 
    color:#222222; 
    background-color:#666; 
    font-family:courier new;
  }
//-->
</style>

Weiteres zum Thema li finden Sie in Listen und Glossare in HTML. Zur Beschreibung vom hier verwendeten Befehl <li>.

Text- und Unterstreichungsfarben von Tag h4

Eine Überschrift setzen Sie mit Tag <h4>. Diese kann hervorgehoben und farblich gestaltet werden.

Hier ändern wir die Textfarbe von <h4> auf Farbwert #222222. Die Schriftart ändern wir auf verdana und setzen die Schriftgröße auf 82%. Wir unterstreichen den Inhalt von <h4> mit Hilfe eines gepunkteten Rahmens mit 3 Pixel Dicke in Farbwert #666666. Dies geht in HTML kaum. Daher formatieren wir hier mit CSS.

<style type="text/css"><!--
  h4 { 
    border-bottom:3px dotted #666; 
    font-size:82%; 
    color:#222222; 
    font-family:verdana;
  }
//-->
</style>

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

Weiteres zum Thema lesen Sie in Grundlegende Gestaltungselemente in HTML. Weiteres zum Befehl <h4>.