Ressourcen: 120 HTML Farbnamen - Kombinationen mit Farbe darkred

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 darkred
Detail	:	Hintergrundfarbe darkred	Verlauf nach Weiß		Verlauf nach Schwarz
Farbe	:	darkred	#8b0000	#8b0000	#8b0000	#8b0000
Farbwert	:	#8b0000	#9b2424	#9b2424	#770000	#770000
HTML	:	darkred	#ac4848	#ac4848	#630000	#630000
CSS	:	darkred	#bc6d6d	#bc6d6d	#4f0000	#4f0000
CSS (Wert)	:	#8b0000	#cd9191	#cd9191	#3b0000	#3b0000
CSS (kürzest)	:	#8b0000	#ddb6b6	#ddb6b6	#270000	#270000
CSS (RGB)	:	rgb(139,0,0)	#eedada	#eedada	#130000	#130000
CSS (%RGB)	:	rgb(54%,0%,0%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbe darkred

Änderung der Hintergrundfarbe bei Hover mit Tag a

Mit Tag <a> erzeugen Sie einen Link. Diesen können Sie farblich gestalten und hervorheben.

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

Dafür stellen wir <a> so ein, dass sich bei Mausberührung die Hintergrundfarbe auf Farbe darkred ändert.

<style type="text/css"><!--
  a: hover { 
    background-color: darkred;
  }
//-->
</style>

Mehr zu a erfahren Sie in Verweise und Protokolle in HTML. Weiteres zum Tag a ist in der HTML Referenz bei <a> genau zusammengestellt.

Änderung der Textfarbe bei Hover mit Tag span

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

<style type="text/css"><!--
  span { 
    font-size:13px; 
    color:#1b9749;
  }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Textfarbe auf Farbe darkred gesetzt wird.

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

Mehr zum hier genutzten Tag span erfahren Sie in der HTML Referenz unter <span>.