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

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

Text- und Unterstreichungsfarben mit HTML-Befehl span

Hier ändern wir die Textfarbe von <span> auf Farbwert #f1f1f1. Die Schriftart setzen wir auf arial. Die Schriftgröße verringern wir auf 96%. Wir unterstreichen den Inhalt von <span> mit Hilfe eines gefurchten Rahmens mit 4 Pixel Dicke in Farbe gray25. Dies geht in HTML nicht. Wir verwenden deshalb CSS zur Formatierung.

<style type="text/css"><!--
  span { 
    color:#f1f1f1; 
    font-size:96%; 
    border-bottom-color:gray25; 
    font-family:arial; 
    border-bottom-style:groove; 
    border-bottom-width:4px;
  }
//-->
</style>

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

Einzelheiten vom hier genutzten HTML-Befehl span sind in der HTML Referenz unter <span> genau zusammengestellt.

Füllen und Umranden bei HTML-Befehl p

Bei diesem Beispiel umranden wir <p> mit einem gezahnten, 3 Punkte dicken Rahmen in Farbwert #f1f1f1 . Den Hintergrund von <p> setzen wir entsprechend auf Farbe gray25. Mit HTML ist dies kaum möglich. Wir verwenden daher CSS zur Formatierung.

<style type="text/css"><!--
  p { border:3pt ridge #f1f1f1; background-color:gray25; }
//-->
</style>

Weiteres zu p erfahren Sie in Grundlegende Gestaltungselemente in HTML. Die Beschreibung vom hier gezeigten Tag p lesen Sie in der HTML Referenz unter <p>.