Ressourcen: 256 Graustufen in HTML - Kombination von Farbe gray241 und Farbe gray99

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 gray241 und Farbe gray99

Füllen und Umranden mit HTML-Tag p

Bei diesem Beispiel umranden wir <p> mit einem 1 Pixel dicken, gefurchten Rahmen in Farbe gray99 . Den Hintergrund von <p> färben wir mit Farbe gray241. In HTML geht das kaum. Daher formatieren wir mit CSS.

<style type="text/css"><!--
  p { border:1px groove gray99; background-color:gray241; }
//-->
</style>

Weiteres zum Thema p lesen Sie in Grundlegende Gestaltungselemente in HTML. Beschreibung vom Tag <p>.

Text- und Unterstreichungsfarben mit HTML-Tag h2

Eine Überschrift erzeugt man mit Tag <h2>. Diese kann man hervorheben und farblich gestalten.

Hier ändern wir die Textfarbe von <h2> auf Farbe gray99. Die Schriftart setzen wir auf courier new und setzen die Schriftgröße auf 88%. Wir unterstreichen den Inhalt von <h2> mit Hilfe eines einfallenden Rahmens mit 5 Punkte Dicke in Farbe gray241. Dies ist mit HTML kaum möglich. Deshalb nutzen wir hierfür CSS.

<style type="text/css"><!--
  h2 { 
    color: gray99; 
    font-size: 88%; 
    border-bottom: 5pt inset gray241; 
    font-family: courier new;
  }
//-->
</style>

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

Mehr zum Thema h2 lesen Sie in Grundlegende Gestaltungselemente in HTML. Weiteres zum hier verwendeten Befehl <h2>.