Ressourcen: 16 Graustufen in HTML - Kombination von Farbwert #333333 und Farbwert #bbbbbb

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 #333333 und Farbwert #bbbbbb

Hintergrund/Text-Kombination bei Tag var

Hier ändern wir die Textfarbe von <var> auf Farbwert #bbbbbb und die Hintergrundfarbe von <var> auf Farbwert #333333. Die Schriftart setzen wir auf verdana und vergrößern die Schriftgröße auf 111%.

<style type="text/css"><!--
  var { 
    color: #bbb; 
    font-size: 111%; 
    background-color: #333; 
    font-family: verdana;
  }
//-->
</style>

Weiteres zum Thema erfahren Sie in Text in HTML. Mehr zum HTML-Befehl var ist in der HTML Referenz unter <var> genau gezeigt.

Text- und Unterstreichungsfarben bei HTML-Befehl caption

Hier ändern wir die Textfarbe von <caption> auf Farbwert #bbbbbb. Die Schriftart ändern wir auf verdana und vergrößern die Schriftgröße auf 124%. Wir unterstreichen den Inhalt von <caption> mit Hilfe eines einfallenden Rahmens mit 5 Pixel Dicke in Farbwert #333333. Mit HTML geht das kaum. Wir nutzen deshalb CSS.

<style type="text/css"><!--
  caption { 
    color: #bbb; 
    border-bottom-color: #333333; 
    border-bottom-width: 5px; 
    font-size: 124%; 
    font-family: verdana; 
    border-bottom-style: inset;
  }
//-->
</style>

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

Mehr zum Thema caption können Sie in Tabellen in HTML erfahren. Möglichkeiten des hier verwendeten Tag <caption>.