Ressourcen: 16 Graustufen in HTML - Kombination von Farbwert #bbbbbb 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 #bbbbbb und Farbwert #cccccc

Füllen und Umranden bei HTML-Befehl img

Hier umranden wir <img> mit einem 2 Punkte dicken, gezahnten Rahmen in Farbwert #cccccc . Den Hintergrund von <img> setzen wir auf Farbwert #bbbbbb. Dies geht in HTML kaum. Wir nutzen deshalb CSS.

<style type="text/css"><!--
  img { 
    background-color: #bbb; 
    border-style: ridge; 
    border-width: 2pt; 
    border-color: #cccccc;
  }
//-->
</style>

Mehr zu img erfahren Sie in Grafik in HTML. Die Beschreibung des hier gezeigten HTML-Tag img finden Sie in der HTML Referenz unter <img>.

Hintergrund/Text-Kombination mit HTML-Tag ins

Für dieses Beispiel ändern wir die Textfarbe von <ins> auf Farbwert #cccccc und die Hintergrundfarbe von <ins> auf Farbwert #bbbbbb. Als Schriftart setzen wir sans-serif. Die Schriftgröße setzen wir auf 14pt.

<style type="text/css"><!--
  ins { 
    font-size: 14pt; 
    font-family: sans-serif; 
    color: #cccccc; 
    background-color: #bbbbbb;
  }
//-->
</style>

Der hier verwendete Befehl ins ist in der HTML Referenz bei <ins> zusammengestellt.