Ressourcen: 120 HTML Farbnamen - Kombinationen mit Farbe lightgrey

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 lightgrey
Detail	:	Hintergrundfarbe lightgrey	Verlauf nach Weiß		Verlauf nach Schwarz
Farbe	:	lightgrey	#d3d3d3	#d3d3d3	#d3d3d3	#d3d3d3
Farbwert	:	#d3d3d3	#d9d9d9	#d9d9d9	#b4b4b4	#b4b4b4
HTML	:	lightgrey	#dfdfdf	#dfdfdf	#969696	#969696
CSS	:	lightgrey	#e5e5e5	#e5e5e5	#787878	#787878
CSS (Wert)	:	#d3d3d3	#ececec	#ececec	#5a5a5a	#5a5a5a
CSS (kürzest)	:	#d3d3d3	#f2f2f2	#f2f2f2	#3c3c3c	#3c3c3c
CSS (RGB)	:	rgb(211,211,211)	#f8f8f8	#f8f8f8	#1e1e1e	#1e1e1e
CSS (%RGB)	:	rgb(82%,82%,82%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbe lightgrey

Änderung der Hintergrundfarbe von HTML-Tag del

Wir legen hier bei <del> die Hintergrundfarbe auf Farbe lightgrey fest. Die Größe der Schrift ändern wir auf 9pt:

<style type="text/css"><!--
  del { 
    font-size:9pt; 
    background-color:lightgrey;
  }
//-->
</style>

Der hier genutzte Befehl del ist in der HTML Referenz bei <del> gezeigt.

Änderung der Textfarbe bei Hover bei HTML-Befehl a

Mit HTML-Befehl <a> wird ein Hyperlink erzeugt. Dieser kann farblich gestaltet werden.

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

<style type="text/css"><!--
  a { 
    font-family: sans-serif; 
    font-size: 13px; 
    color: #ef5930;
  }
//-->
</style>

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

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

Mehr zum Thema a finden Sie in Verweise und Protokolle in HTML. Mehr zum hier gezeigten HTML-Befehl a ist in der HTML Referenz unter <a> genau gezeigt.