Ressourcen: 256 Graustufen in HTML - Kombination von Farbe gray28 und Farbe gray14

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 gray28 und Farbe gray14

Füllen und Umranden von Tag ins

Hier umranden wir <ins> mit einem gestrichelten, 1 Pixel dicken Rahmen in Farbe gray14 . Die Hintergrundfarbe für <ins> färben wir entsprechend mit Farbe gray28. In HTML geht das nicht. Wir nutzen daher CSS zur Formatierung.

<style type="text/css"><!--
  ins { 
    border-color:gray14; 
    background-color:gray28; 
    border-style:dashed; 
    border-width:1px;
  }
//-->
</style>

Weiteres zum hier genutzten Tag ins erfahren Sie in der HTML Referenz unter <ins>.

Text- und Unterstreichungsfarben mit Tag h1

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

Hier ändern wir die Textfarbe von <h1> auf Farbe gray14. Die Schriftart setzen wir auf sans-serif. Die Schriftgröße setzen wir auf 9pt. Wir unterstreichen den Inhalt von <h1> mit Hilfe eines herausstehenden Rahmens mit 3 Pixel Dicke in Farbe gray28. In HTML geht dies nicht. Wir verwenden daher CSS zur Formatierung.

<style type="text/css"><!--
  h1 { 
    font-size:9pt; 
    color:gray14; 
    border-bottom:3px outset gray28; 
    font-family:sans-serif;
  }
//-->
</style>

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

Weiteres zum Thema h1 können Sie in Grundlegende Gestaltungselemente in HTML erfahren. Beschreibung vom hier verwendeten Befehl <h1>.