Ressourcen: 120 HTML Farbnamen - Kombinationen mit Farbe lightslategray

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 lightslategray
Detail	:	Hintergrundfarbe lightslategray	Verlauf nach Weiß		Verlauf nach Schwarz
Farbe	:	lightslategray	#778899	#778899	#778899	#778899
Farbwert	:	#778899	#8a99a7	#8a99a7	#667483	#667483
HTML	:	lightslategray	#9daab6	#9daab6	#55616d	#55616d
CSS	:	lightslategray	#b1bbc4	#b1bbc4	#444d57	#444d57
CSS (Wert)	:	#778899	#c4ccd3	#c4ccd3	#333a41	#333a41
CSS (kürzest)	:	#789	#d8dde1	#d8dde1	#22262b	#22262b
CSS (RGB)	:	rgb(119,136,153)	#ebeef0	#ebeef0	#111315	#111315
CSS (%RGB)	:	rgb(46%,53%,60%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbe lightslategray

Änderung der Textfarbe bei Hover von Tag h6

Eine Überschrift erzeugen Sie mit Befehl <h6>. Diese können Sie hervorheben und farblich gestalten.

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

<style type="text/css"><!--
  h6 { 
    color:#8ec8ad; 
    font-family:sans-serif; 
    font-size:127%;
  }
//-->
</style>

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

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

Weiteres zum Thema können Sie in Grundlegende Gestaltungselemente in HTML erfahren. Möglichkeiten vom HTML-Tag <h6>.

Umrandung von Tag input

In diesem Beispiel umranden wir <input> mit einem 5 Pixel dicken, einfallenden Rahmen in Farbe lightslategray. In HTML geht dies nicht. Wir verwenden daher CSS.

<style type="text/css"><!--
  input { 
    border-style:inset; 
    border-width:5px; 
    border-color:lightslategray;
  }
//-->
</style>

Mehr zum Thema können Sie in Formulare in HTML nachsehen. Mehr zum hier gezeigten Tag input ist in der HTML Referenz unter <input> ausführlich gezeigt.