Ressourcen: 256 Graustufen in HTML - Kombination von Farbwert #a6a6a6 und Farbe gray25

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 Farbwert #a6a6a6 und Farbe gray25

Hintergrund/Text-Kombination bei Tag h5

Eine Überschrift der 5. Stufe wird mit HTML-Befehl <h5> gesetzt. Diese kann farblich gestaltet und hervorgehoben werden.

Wir ändern hier die Textfarbe von <h5> auf Farbe gray25 und die Hintergrundfarbe von <h5> auf Farbwert #a6a6a6. Als Schriftart wählen wir arial und setzen die Schriftgröße auf 12px.

<style type="text/css"><!--
  h5 { 
    font-size: 12px; 
    background-color: #a6a6a6; 
    font-family: arial; 
    color: gray25;
  }
//-->
</style>

Weiteres zu h5 erfahren Sie in Grundlegende Gestaltungselemente in HTML. Möglichkeiten des hier gezeigten Tag h5 sind in der HTML Referenz unter <h5> gezeigt.

Text- und Unterstreichungsfarben mit Befehl a

Einen Link setzen Sie mit HTML-Tag <a>. Diesen können Sie hervorheben und farblich gestalten.

Wir ändern für dieses Beispiel die Textfarbe von <a> auf Farbe gray25. Die Schriftart ändern wir auf arial. Die Schriftgröße erhöhen wir auf 124%. Wir unterstreichen den Inhalt von <a> mit Hilfe eines gezahnten Rahmens mit 5 Pixel Dicke in Farbwert #a6a6a6. Dies ist in HTML so kaum möglich. Wir nutzen deshalb CSS zur Formatierung.

<style type="text/css"><!--
  a { 
    border-bottom-color:#a6a6a6; 
    border-bottom-style:ridge; 
    font-size:124%; 
    color:gray25; 
    border-bottom-width:5px; 
    font-family:arial;
  }
//-->
</style>

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

Mehr zu a können Sie in Verweise und Protokolle in HTML nachlesen. Mehr zum Tag a erfahren Sie in der HTML Referenz unter <a>.