Ressourcen: 137 HTML Farbnamen - Kombinationen mit Farbe lawngreen

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.

Hintergrundfarbe lawngreen
Detail	:	Hintergrundfarbe lawngreen	Verlauf nach Weiß		Verlauf nach Schwarz
Farbe	:	lawngreen	#7cfc00	#7cfc00	#7cfc00	#7cfc00
Farbwert	:	#7cfc00	#8efc24	#8efc24	#6ad800	#6ad800
HTML	:	lawngreen	#a1fc48	#a1fc48	#58b400	#58b400
CSS	:	lawngreen	#b4fd6d	#b4fd6d	#469000	#469000
CSS (Wert)	:	#7cfc00	#c6fd91	#c6fd91	#356c00	#356c00
CSS (kürzest)	:	#7cfc00	#d9feb6	#d9feb6	#234800	#234800
CSS (RGB)	:	rgb(124,252,0)	#ecfeda	#ecfeda	#112400	#112400
CSS (%RGB)	:	rgb(48%,98%,0%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbe lawngreen

Änderung der Unterstreichung bei Hover bei HTML-Befehl a

Mit Tag <a> erzeugen Sie einen Verweis. Diesen kann man farblich gestalten und hervorheben.

Die Farbe der Unterstreichung 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 { 
    border-bottom-color:#ffc67d; 
    border-bottom-width:4px; 
    border-bottom-style:ridge;
  }
//-->
</style>

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

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

Die Idee ist dabei, verschiedene Formatierungen für Inhalt und Unterstreichung zu nutzen. Manchmal sieht man diesen Effekt bei Verweisen. Der Text wird in einer Farbe dargestellt. Die Unterstreichung in einer anderen. Es ist jedoch keine "normale" Unterstreichung, der Text selbst hat keine Unterstreichung. Sie wird mit einem Rahmen simuliert und dieser Rahmen ist unabhängig vom Text.

Mehr zu a können Sie in Verweise und Protokolle in HTML finden. Weiteres zum Befehl <a>.

Farbige Unterstreichung bei HTML-Tag span

In diesem Beispiel unterstreichen wir <span> mit einem gestrichelten Rahmen mit 1 Pixel Dicke in Farbe lawngreen. Dies geht mit HTML nicht. Wir nutzen daher CSS.

<style type="text/css"><!--
  span { border-bottom:1px dashed lawngreen; }
//-->
</style>

Die Idee ist hierbei, verschiedene Formatierungen für Inhalt und Unterstreichung zu haben. Manchmal sehen Sie dies bei Links. Der Text ist in einer Farbe. Die Unterstreichung in einer anderen. Das ist jedoch keine normale Unterstreichung, der Text ist nicht unterstrichen. Die Unterstreichung wird mit einem Rahmen simuliert und dieser Rahmen ist unabhängig vom Text.

Mehr zum hier verwendeten Tag <span>.