Ressourcen: 16 Graustufen in HTML - Kombination von Farbe gray153 und Farbwert #777777

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 gray153 und Farbwert #777777

Hintergrund/Text-Kombination bei Befehl dt

Hier ändern wir die Textfarbe von <dt> auf Farbwert #777777 und die Hintergrundfarbe von <dt> auf Farbe gray153. Die Schriftart ändern wir auf monospace. Die Schriftgröße setzen wir auf 13px.

<style type="text/css"><!--
  dt { 
    color: #777777; 
    font-size: 13px; 
    background-color: gray153; 
    font-family: monospace;
  }
//-->
</style>

Weiteres zu dt finden Sie in Listen und Glossare in HTML. Möglichkeiten vom hier gezeigten HTML-Befehl dt lesen Sie in der HTML Referenz unter <dt>.

Text- und Unterstreichungsfarben mit Befehl span

Hier ändern wir die Textfarbe von <span> auf Farbwert #777777 und lassen die Hintergrundfarbe unverändert. Die Schriftart ändern wir auf monospace. Die Schriftgröße ändern wir auf 13px. Wir unterstreichen den Inhalt von <span> mit Hilfe eines gestrichelten Rahmens mit 1 Punkte Dicke in Farbe gray153. Das geht in HTML nicht. Deshalb verwenden wir hier CSS zur Formatierung.

<style type="text/css"><!--
  span { 
    font-family:monospace; 
    color:#777; 
    border-bottom:1pt dashed gray153; 
    font-size:13px;
  }
//-->
</style>

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

Mehr zum Befehl span finden Sie in der HTML Referenz unter <span>.