Ressourcen: 16 Graustufen in HTML - Kombination von Farbe gray221 und Farbe gray136

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 gray221 und Farbe gray136

Text- und Unterstreichungsfarben mit HTML-Tag samp

Wir ändern in diesem Beispiel die Textfarbe von <samp> auf Farbe gray136. Die Schriftart setzen wir auf sans-serif und ändern die Schriftgröße auf 14px. Wir unterstreichen den Inhalt von <samp> mit Hilfe eines gefurchten Rahmens mit 5 Punkte Dicke in Farbe gray221. Das ist in HTML nicht möglich. Wir verwenden deshalb CSS.

<style type="text/css"><!--
  samp { 
    border-bottom-width:5pt; 
    color:gray136; 
    border-bottom-style:groove; 
    font-size:14px; 
    font-family:sans-serif; 
    border-bottom-color:gray221;
  }
//-->
</style>

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

Mehr zu samp erfahren Sie in Text in HTML. Mehr zum hier gezeigten Befehl samp finden Sie in der HTML Referenz unter <samp>.

Füllen und Umranden mit Befehl label

Bei diesem Beispiel umranden wir <label> mit einem gefurchten, 1 Punkte dicken Rahmen in Farbe gray136 . Den Hintergrund von <label> setzen wir auf Farbe gray221. Dies ist in HTML kaum möglich. Wir verwenden daher CSS.

<style type="text/css"><!--
  label { 
    border-color: gray136; 
    background-color: gray221; 
    border-width: 1pt; 
    border-style: groove;
  }
//-->
</style>

Mehr zum Thema lesen Sie in Formulare in HTML. Zur Beschreibung des HTML-Befehl <label>.