Ressourcen: 120 HTML Farbnamen - Kombinationen mit Farbe lightsalmon

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 lightsalmon
Detail	:	Hintergrundfarbe lightsalmon	Verlauf nach Weiß		Verlauf nach Schwarz
Farbe	:	lightsalmon	#ffa07a	#ffa07a	#ffa07a	#ffa07a
Farbwert	:	#ffa07a	#ffad8d	#ffad8d	#da8968	#da8968
HTML	:	lightsalmon	#ffbba0	#ffbba0	#b67257	#b67257
CSS	:	lightsalmon	#ffc8b3	#ffc8b3	#915b45	#915b45
CSS (Wert)	:	#ffa07a	#ffd6c6	#ffd6c6	#6d4434	#6d4434
CSS (kürzest)	:	#ffa07a	#ffe3d9	#ffe3d9	#482d22	#482d22
CSS (RGB)	:	rgb(255,160,122)	#fff1ec	#fff1ec	#241611	#241611
CSS (%RGB)	:	rgb(100%,62%,47%)	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination mit Farbe lightsalmon

Änderung der Unterstreichung bei Hover von Befehl q

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

<style type="text/css"><!--
  q { 
    border-bottom-color:#811221; 
    border-bottom-style:double; 
    border-bottom-width:5px;
  }
//-->
</style>

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

<style type="text/css"><!--
  q: hover { 
    border-bottom-color: lightsalmon;
  }
//-->
</style>

Die Idee ist dabei, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben. Öfter sehen Sie dies bei Links. Der Text ist in einer Farbe. Und die Unterstreichung in einer anderen. Das ist aber keine normale Unterstreichung, der Text ist gar nicht unterstrichen. Sie wird mit einem Rahmen simuliert und dieser Rahmen ist unabhängig vom Text.

Einzelheiten des hier verwendeten HTML-Tag q sind in der HTML Referenz unter <q> genau zusammengestellt.