Ressourcen: 120 HTML Farbnamen - Kombinationen mit Farbwert #fffff0

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen Farbwerten, die einem bestimmten Schema folgen, definierte man noch 120 Werte und ordnete ihnen Namen zu.

Hintergrundfarbwert #fffff0
Detail	:	Hintergrundfarbwert #fffff0	Verlauf nach Weiß		Verlauf nach Schwarz
Farbwert	:	#fffff0	#fffff0	#fffff0	#fffff0	#fffff0
Farbe	:	ivory	#fffff2	#fffff2	#dadacd	#dadacd
HTML	:	#fffff0	#fffff4	#fffff4	#b6b6ab	#b6b6ab
CSS	:	#fffff0	#fffff6	#fffff6	#919189	#919189
CSS (Wert)	:	#fffff0	#fffff8	#fffff8	#6d6d66	#6d6d66
CSS (kürzest)	:	#fffff0	#fffffa	#fffffa	#484844	#484844
CSS (RGB)	:	rgb(255,255,240)	#fffffc	#fffffc	#242422	#242422
CSS (%RGB)	:	rgb(100%,100%,94%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbwert #fffff0

Umrandung mit HTML-Tag address

In diesem Beispiel umranden wir <address> mit einem 2 Pixel dicken, gefurchten Rahmen in Farbwert #fffff0. In HTML geht dies nicht. Wir nutzen daher CSS zur Formatierung.

<style type="text/css"><!--
  address { border:2px groove #fffff0; }
//-->
</style>

Mehr zu address können Sie in Blockorientierte Elemente in HTML nachsehen. Mehr zum HTML-Tag <address>.

Änderung der Hintergrundfarbe bei Hover von Befehl blockquote

Die Hintergrundfarbe soll sich ändern, wenn man mit der Maus darauf zeigt. Für das Beispiel bereiten wir zunächst Formatierungen von <blockquote> vor.

Wir legen zum Beispiel bei <blockquote> die Hintergrundfarbe auf Farbwert #fffff0 fest. Die Größe der Schrift setzen wir auf 13px:

<style type="text/css"><!--
  blockquote { 
    background-color: #cf0da2; 
    font-size: 13px;
  }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Hintergrundfarbe auf Farbwert #fffff0 gesetzt wird.

<style type="text/css"><!--
  blockquote: hover { 
    background-color: #fffff0;
  }
//-->
</style>

Mehr zu blockquote können Sie in Blockorientierte Elemente in HTML nachsehen. Zur Beschreibung vom hier verwendeten Befehl <blockquote>.