Ressourcen: 256 Graustufen in HTML - Kombination von Farbe gray84 und Farbwert #aaaaaa

Graustufen enthalten natürlich alle 16 Graustufen und insbesondere die unbunten Grundfarben Schwarz und Weiß.

Um 256 Graustufen in HTML bzw. CSS zu erzeugen, wählen wir Farbwerte rr, gg und bb mit Werten von 0 bis 255 (d.h. hexadezimal 00 bis ff).

Beispiele zur Kombination von Farbe gray84 und Farbwert #aaaaaa

Text- und Unterstreichungsfarben mit Befehl address

Hier ändern wir die Textfarbe von <address> auf Farbwert #aaaaaa. Die Schriftart ändern wir auf monospace und vergrößern die Schriftgröße auf 123%. Wir unterstreichen den Inhalt von <address> mit Hilfe eines doppelten Rahmens mit 4 Punkte Dicke in Farbe gray84. Mit HTML ist das nicht möglich. Deshalb formatieren wir hier mit CSS.

<style type="text/css"><!--
  address { 
    color:#aaaaaa; 
    font-family:monospace; 
    border-bottom:4pt double gray84; 
    font-size:123%;
  }
//-->
</style>

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

Weiteres zum Thema address können Sie in Blockorientierte Elemente in HTML nachlesen. Mehr zum hier genutzten HTML-Befehl address erfahren Sie in der HTML Referenz unter <address>.

Füllen und Umranden bei Befehl a

Einen Hyperlink erzeugt man mit HTML-Befehl <a>. Diesen kann man farblich gestalten.

Für dieses Beispiel umranden wir <a> mit einem einfallenden, 1 Pixel dicken Rahmen in Farbwert #aaaaaa . Den Hintergrund von <a> färben wir mit Farbe gray84. Mit HTML geht dies nicht. Wir nutzen deshalb CSS.

<style type="text/css"><!--
  a { 
    border-color:#aaaaaa; 
    border-width:1px; 
    background-color:gray84; 
    border-style:inset;
  }
//-->
</style>

Weiteres zum Thema a lesen Sie in Verweise und Protokolle in HTML. Weiteres zum Tag <a>.