Ressourcen: 16 Graustufen in HTML - Kombination von Farbwert #333333 und Farbwert #444444

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 #333333 und Farbwert #444444

Füllen und Umranden von Tag a

Einen Hyperlink setzen Sie mit Befehl <a>. Dieser kann hervorgehoben und farblich gestaltet werden.

Für dieses Beispiel umranden wir <a> mit einem 2 Punkte dicken, gepunkteten Rahmen in Farbwert #444444 . Den Hintergrund von <a> setzen wir entsprechend auf Farbwert #333333. Dies ist in HTML nicht möglich. Wir verwenden deshalb CSS zur Formatierung.

<style type="text/css"><!--
  a { 
    border-style:dotted; 
    border-color:#444444; 
    background-color:#333333; 
    border-width:2pt;
  }
//-->
</style>

Weiteres zu a können Sie in Verweise und Protokolle in HTML nachsehen. Mehr zum HTML-Befehl a lesen Sie in der HTML Referenz unter <a>.

Hintergrund/Text-Kombination mit Befehl p

Wir ändern für dieses Beispiel die Textfarbe von <p> auf Farbwert #444444 und die Hintergrundfarbe von <p> auf Farbwert #333333. Als Schriftart wählen wir monospace und verringern die Schriftgröße auf 81%.

<style type="text/css"><!--
  p { 
    color:#444444; 
    font-size:81%; 
    background-color:#333333; 
    font-family:monospace;
  }
//-->
</style>

Weiteres zum Thema erfahren Sie in Grundlegende Gestaltungselemente in HTML. Weiteres zum hier genutzten Tag p erfahren Sie in der HTML Referenz unter <p>.