Ressourcen: 120 HTML Farbnamen - Kombinationen mit Farbwert #228b22

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 #228b22
Detail	:	Hintergrundfarbwert #228b22	Verlauf nach Weiß		Verlauf nach Schwarz
Farbwert	:	#228b22	#228b22	#228b22	#228b22	#228b22
Farbe	:	forestgreen	#419b41	#419b41	#1d771d	#1d771d
HTML	:	#228b22	#61ac61	#61ac61	#186318	#186318
CSS	:	#228b22	#80bc80	#80bc80	#134f13	#134f13
CSS (Wert)	:	#228b22	#a0cda0	#a0cda0	#0e3b0e	#0e3b0e
CSS (kürzest)	:	#228b22	#bfddbf	#bfddbf	#092709	#092709
CSS (RGB)	:	rgb(34,139,34)	#dfeedf	#dfeedf	#041304	#041304
CSS (%RGB)	:	rgb(13%,54%,13%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbwert #228b22

Umrandung mit Tag frameset

In diesem Beispiel umranden wir <frameset> mit einem 1 Pixel dicken, gepunkteten Rahmen in Farbwert #228b22. In HTML ist dies nicht machbar. Deshalb formatieren wir hier mit CSS.

<style type="text/css"><!--
  frameset { border:1px dotted #228b22; }
//-->
</style>

Mehr zum hier gezeigten HTML-Tag frameset ist in der HTML Referenz unter <frameset> ausführlich gezeigt.

Änderung der Unterstreichung bei Hover mit HTML-Tag em

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

<style type="text/css"><!--
  em { border-bottom:5px double #4648a3; }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Farbe der Unterstreichung auf Farbwert #228b22 gesetzt wird.

<style type="text/css"><!--
  em:hover { 
    border-bottom-color:#228b22;
  }
//-->
</style>

Die Idee ist hierbei, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu nutzen. Öfter sehen Sie diesen Effekt bei Verweisen. Der Text wird in einer Farbe dargestellt. Und die Unterstreichung in einer anderen. Dies ist jedoch keine wirkliche Unterstreichung, der Text selbst hat gar keine Unterstreichung. Sie wird mit einem Rahmen simuliert und dieser ist unabhängig vom Text.

Weiteres zu em erfahren Sie in Text in HTML. Weiteres zum HTML-Befehl <em>.