Ressourcen: 120 HTML Farbnamen - Kombinationen mit Farbwert #d8bfd8

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 #d8bfd8
Detail	:	Hintergrundfarbwert #d8bfd8	Verlauf nach Weiß		Verlauf nach Schwarz
Farbwert	:	#d8bfd8	#d8bfd8	#d8bfd8	#d8bfd8	#d8bfd8
Farbe	:	thistle	#ddc8dd	#ddc8dd	#b9a3b9	#b9a3b9
HTML	:	#d8bfd8	#e3d1e3	#e3d1e3	#9a889a	#9a889a
CSS	:	#d8bfd8	#e8dae8	#e8dae8	#7b6d7b	#7b6d7b
CSS (Wert)	:	#d8bfd8	#eee3ee	#eee3ee	#5c515c	#5c515c
CSS (kürzest)	:	#d8bfd8	#f3ecf3	#f3ecf3	#3d363d	#3d363d
CSS (RGB)	:	rgb(216,191,216)	#f9f5f9	#f9f5f9	#1e1b1e	#1e1b1e
CSS (%RGB)	:	rgb(84%,74%,84%)	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination mit Farbwert #d8bfd8

Änderung der Unterstreichung bei Hover von HTML-Befehl dfn

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

<style type="text/css"><!--
  dfn { 
    border-bottom-style: ridge; 
    border-bottom-width: 1px; 
    border-bottom-color: #f8f929;
  }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Farbe der Unterstreichung auf Farbwert #d8bfd8 gesetzt wird.

<style type="text/css"><!--
  dfn: hover { 
    border-bottom-color: #d8bfd8;
  }
//-->
</style>

Die Idee ist, verschiedene Formatierungen für Inhalt und Unterstreichung zu haben. Öfter sehen Sie dies bei Verweisen. Der Text ist in einer Farbe. Die Unterstreichung in einer anderen. Dies ist aber keine "normale" Unterstreichung, der Text ist überhaupt nicht unterstrichen. Die Unterstreichung wird mit einem Rahmen simuliert und ist unabhängig vom Text.

Weiteres zum Thema dfn können Sie in Text in HTML nachlesen. Die Beschreibung des hier gezeigten Tag dfn lesen Sie in der HTML Referenz unter <dfn>.