Ressourcen: 120 HTML Farbnamen - Kombinationen mit Farbwert #4682b4

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 #4682b4
Detail	:	Hintergrundfarbwert #4682b4	Verlauf nach Weiß		Verlauf nach Schwarz
Farbwert	:	#4682b4	#4682b4	#4682b4	#4682b4	#4682b4
Farbe	:	steelblue	#6093be	#6093be	#3c6f9a	#3c6f9a
HTML	:	#4682b4	#7aa5c9	#7aa5c9	#325c80	#325c80
CSS	:	#4682b4	#95b7d4	#95b7d4	#284a66	#284a66
CSS (Wert)	:	#4682b4	#afc9de	#afc9de	#1e374d	#1e374d
CSS (kürzest)	:	#4682b4	#cadbe9	#cadbe9	#142533	#142533
CSS (RGB)	:	rgb(70,130,180)	#e4edf4	#e4edf4	#0a1219	#0a1219
CSS (%RGB)	:	rgb(27%,50%,70%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbwert #4682b4

Umrandung von HTML-Befehl dt

In diesem Beispiel umranden wir <dt> mit einem 3 Pixel dicken, einfallenden Rahmen in Farbwert #4682b4. Das geht mit HTML nicht. Wir verwenden daher CSS.

<style type="text/css"><!--
  dt { border:3px inset #4682b4; }
//-->
</style>

Mehr zum Thema dt finden Sie in Listen und Glossare in HTML. Weiteres zum hier gezeigten HTML-Befehl <dt>.

Änderung der Hintergrundfarbe bei Hover mit HTML-Befehl td

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

Dafür stellen wir <td> so ein, dass bei Hover die Hintergrundfarbe auf Farbwert #4682b4 geändert wird.

<style type="text/css"><!--
  td:hover { 
    background-color:#4682b4;
  }
//-->
</style>

Weiteres zum Thema lesen Sie in Tabellen in HTML. Mehr zum hier verwendeten Befehl <td>.