Ressourcen: 120 HTML Farbnamen - Kombinationen mit Farbe lightgoldenrodyellow

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.

Hintergrundfarbe lightgoldenrodyellow
Detail	:	Hintergrundfarbe lightgoldenrodyellow	Verlauf nach Weiß		Verlauf nach Schwarz
Farbe	:	lightgoldenrodyellow	#fafad2	#fafad2	#fafad2	#fafad2
Farbwert	:	#fafad2	#fafad8	#fafad8	#d6d6b4	#d6d6b4
HTML	:	lightgoldenrodyellow	#fbfbde	#fbfbde	#b2b296	#b2b296
CSS	:	lightgoldenrodyellow	#fcfce5	#fcfce5	#8e8e78	#8e8e78
CSS (Wert)	:	#fafad2	#fcfceb	#fcfceb	#6b6b5a	#6b6b5a
CSS (kürzest)	:	#fafad2	#fdfdf2	#fdfdf2	#47473c	#47473c
CSS (RGB)	:	rgb(250,250,210)	#fefef8	#fefef8	#23231e	#23231e
CSS (%RGB)	:	rgb(98%,98%,82%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbe lightgoldenrodyellow

Änderung der Textfarbe bei Hover von Tag dd

Die Textfarbe soll sich ändern, wenn man mit der Maus darauf zeigt.

Dafür stellen wir <dd> so ein, dass sich bei Hover die Textfarbe auf Farbe lightgoldenrodyellow ändert.

<style type="text/css"><!--
  dd:hover { 
    color:lightgoldenrodyellow;
  }
//-->
</style>

Weiteres zum Thema können Sie in Listen und Glossare in HTML erfahren. Die Beschreibung des hier verwendeten HTML-Befehl dd lesen Sie in der HTML Referenz unter <dd>.

Farbige Unterstreichung bei Tag a

Einen Link setzt man mit HTML-Tag <a>. Diesen können Sie hervorheben und farblich gestalten.

In diesem Beispiel unterstreichen wir <a> mit einem gezahnten Rahmen mit 5 Pixel Dicke in Farbe lightgoldenrodyellow. Das ist in HTML so kaum möglich. Deshalb formatieren wir hier mit CSS.

<style type="text/css"><!--
  a { 
    border-bottom-style:ridge; 
    border-bottom-width:5px; 
    border-bottom-color:lightgoldenrodyellow;
  }
//-->
</style>

Die Idee ist hierbei, verschiedene Formatierungen für Inhalt und Unterstreichung zu haben. Manchmal sieht man das bei Verweisen. Der Text wird in einer Farbe dargestellt. Die Unterstreichung in einer anderen. Das ist jedoch keine wirkliche Unterstreichung, der Text hat überhaupt keine Unterstreichung. Die Unterstreichung wird mit einem Rahmen simuliert und dieser Rahmen ist unabhängig vom Text.

Mehr zum Thema a können Sie in Verweise und Protokolle in HTML nachsehen. Zur Beschreibung vom Tag <a>.