Ressourcen: 16 Graustufen in HTML - Kombination von Farbe gray51 und Farbwert #444444

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 gray51 und Farbwert #444444

Füllen und Umranden bei Befehl a

Einen Link erzeugt man mit Befehl <a>. Diesen können Sie farblich gestalten.

Bei diesem Beispiel umranden wir <a> mit einem 2 Punkte dicken, herausstehenden Rahmen in Farbwert #444444 . Den Hintergrund von <a> setzen wir auf Farbe gray51. Mit HTML geht dies kaum. Daher formatieren wir hier mit CSS.

<style type="text/css"><!--
  a { border:2pt outset #444; background-color:gray51; }
//-->
</style>

Weiteres zu a können Sie in Verweise und Protokolle in HTML erfahren. Die Beschreibung vom hier gezeigten Tag a finden Sie in der HTML Referenz unter <a>.

Text- und Unterstreichungsfarben bei HTML-Befehl caption

Für dieses Beispiel ändern wir die Textfarbe von <caption> auf Farbwert #444444 und lassen die Hintergrundfarbe unverändert. Die Schriftart ändern wir auf verdana. Die Schriftgröße ändern wir auf 13px. Wir unterstreichen den Inhalt von <caption> mit Hilfe eines gestrichelten Rahmens mit 3 Pixel Dicke in Farbe gray51. Dies geht in HTML kaum. Wir nutzen deshalb CSS.

<style type="text/css"><!--
  caption { 
    border-bottom-width: 3px; 
    border-bottom-color: gray51; 
    font-family: verdana; 
    font-size: 13px; 
    color: #444; 
    border-bottom-style: dashed;
  }
//-->
</style>

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

Weiteres zu caption erfahren Sie in Tabellen in HTML. Weiteres zum HTML-Befehl caption ist in der HTML Referenz unter <caption> beschrieben.