Ressourcen: 16 Graustufen in HTML - Kombination von Farbwert #ffffff und Farbwert #cccccc

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 Farbwert #ffffff und Farbwert #cccccc

Füllen und Umranden von HTML-Tag pre

Bei diesem Beispiel umranden wir <pre> mit einem . Die Hintergrundfarbe für <pre> färben wir mit Farbwert #ffffff. Das ist in HTML so kaum möglich. Wir nutzen deshalb CSS.

<style type="text/css"><!--
  pre { 
    border-style:inset; 
    border-color:#cccccc; 
    background-color:#ffffff; 
    border-width:5pt;
  }
//-->
</style>

Weiteres zum Thema können Sie in Blockorientierte Elemente in HTML lesen. Weiteres zum HTML-Befehl pre lesen Sie in der HTML Referenz unter <pre>.

Text- und Unterstreichungsfarben bei HTML-Tag label

Hier ändern wir die Textfarbe von <label> auf Farbwert #cccccc. Die Schriftart setzen wir auf arial. Die Schriftgröße verkleinern wir auf 97%. Wir unterstreichen den Inhalt von <label> mit Hilfe eines gezahnten Rahmens mit 3 Punkte Dicke in Farbwert #ffffff. Das geht in HTML kaum. Deshalb formatieren wir hier mit CSS.

<style type="text/css"><!--
  label { 
    border-bottom-width: 3pt; 
    border-bottom-style: ridge; 
    color: #cccccc; 
    font-family: arial; 
    border-bottom-color: #fff; 
    font-size: 97%;
  }
//-->
</style>

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

Mehr zu label lesen Sie in Formulare in HTML. Weiteres zum hier verwendeten Tag <label>.