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

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 #777777 und Farbe gray34

Füllen und Umranden bei HTML-Befehl a

Ein Hyperlink wird mit HTML-Tag <a> gesetzt. Diesen können Sie hervorheben und farblich gestalten.

Bei diesem Beispiel umranden wir <a> mit einem 1 Punkte dicken, herausstehenden Rahmen in Farbe gray34 . Den Hintergrund von <a> färben wir entsprechend mit Farbwert #777777. Mit HTML geht dies nicht. Wir nutzen daher CSS zur Formatierung.

<style type="text/css"><!--
  a { 
    border-width:1pt; 
    border-style:outset; 
    background-color:#777777; 
    border-color:gray34;
  }
//-->
</style>

Weiteres zu a lesen Sie in Verweise und Protokolle in HTML. Mehr zum HTML-Befehl <a>.

Hintergrund/Text-Kombination mit Tag p

Für dieses Beispiel ändern wir die Textfarbe von <p> auf Farbe gray34 und die Hintergrundfarbe von <p> auf Farbwert #777777. Die Schriftart setzen wir auf monospace und verringern die Schriftgröße auf 90%.

<style type="text/css"><!--
  p { 
    color:gray34; 
    background-color:#777777; 
    font-size:90%; 
    font-family:monospace;
  }
//-->
</style>

Mehr zum Thema können Sie in Grundlegende Gestaltungselemente in HTML nachlesen. Mehr zum HTML-Befehl p ist in der HTML Referenz unter <p> ausführlich beschrieben.