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

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 Farbe gray170

Hintergrund/Text-Kombination von HTML-Befehl dfn

Bei diesem Beispiel ändern wir die Textfarbe von <dfn> auf Farbe gray170 und die Hintergrundfarbe von <dfn> auf Farbe gray153. Die Schriftart ändern wir auf verdana und erhöhen die Schriftgröße auf 122%.

<style type="text/css"><!--
  dfn { 
    font-size: 122%; 
    font-family: verdana; 
    color: gray170; 
    background-color: gray153;
  }
//-->
</style>

Mehr zu dfn erfahren Sie in Text in HTML. Möglichkeiten vom HTML-Befehl <dfn>.

Text- und Unterstreichungsfarben von HTML-Befehl a

Mit Tag <a> setzen Sie einen Link. Dieser kann hervorgehoben und farblich gestaltet werden.

Hier ändern wir die Textfarbe von <a> auf Farbe gray170. Die Schriftart setzen wir auf verdana. Die Schriftgröße erhöhen wir auf 129%. Wir unterstreichen den Inhalt von <a> mit Hilfe eines gepunkteten Rahmens mit 4 Punkte Dicke in Farbe gray153. In HTML geht das kaum. Wir nutzen daher CSS zur Formatierung.

<style type="text/css"><!--
  a { 
    font-size: 129%; 
    border-bottom-width: 4pt; 
    border-bottom-style: dotted; 
    color: gray170; 
    border-bottom-color: gray153; 
    font-family: verdana;
  }
//-->
</style>

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

Weiteres zum Thema können Sie in Verweise und Protokolle in HTML nachlesen. Mehr zum hier gezeigten Befehl <a>.