Ressourcen: 120 HTML Farbnamen - Kombinationen mit Farbe greenyellow

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 greenyellow
Detail	:	Hintergrundfarbe greenyellow	Verlauf nach Weiß		Verlauf nach Schwarz
Farbe	:	greenyellow	#adff2f	#adff2f	#adff2f	#adff2f
Farbwert	:	#adff2f	#b8ff4c	#b8ff4c	#94da28	#94da28
HTML	:	greenyellow	#c4ff6a	#c4ff6a	#7bb621	#7bb621
CSS	:	greenyellow	#d0ff88	#d0ff88	#62911a	#62911a
CSS (Wert)	:	#adff2f	#dbffa5	#dbffa5	#4a6d14	#4a6d14
CSS (kürzest)	:	#adff2f	#e7ffc3	#e7ffc3	#31480d	#31480d
CSS (RGB)	:	rgb(173,255,47)	#f3ffe1	#f3ffe1	#182406	#182406
CSS (%RGB)	:	rgb(67%,100%,18%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbe greenyellow

Änderung der Unterstreichung bei Hover von Befehl abbr

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

<style type="text/css"><!--
  abbr { 
    border-bottom-style:outset; 
    border-bottom-color:#c96bf4; 
    border-bottom-width:5px;
  }
//-->
</style>

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

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

Die Idee ist, verschiedene Formatierungen für Inhalt und Unterstreichung zu haben. Öfter sehen Sie das bei Hyperlinks. Der Text ist in einer Farbe. Und die Unterstreichung in einer anderen. Es ist jedoch keine "wirkliche" Unterstreichung, der Text selbst hat keine Unterstreichung. Die Unterstreichung wird mit einem Rahmen simuliert und ist unabhängig vom Text.

Zur Beschreibung vom hier verwendeten Befehl <abbr>.

Farbige Unterstreichung von Befehl a

Mit HTML-Befehl <a> wird ein Verweis erzeugt. Er kann farblich gestaltet werden.

Beispielsweise unterstreichen wir <a> mit Hilfe eines einfallenden Rahmens mit 2 Pixel Dicke in Farbe greenyellow. Mit HTML geht das nicht. Deshalb formatieren wir mit CSS.

<style type="text/css"><!--
  a { border-bottom:2px inset greenyellow; }
//-->
</style>

Die Idee ist dabei, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben. Manchmal sieht man dies bei Hyperlinks. Der Text ist in einer Farbe. Und die Unterstreichung in einer anderen. Es ist jedoch keine "wirkliche" Unterstreichung, der Text selbst ist gar nicht unterstrichen. Sie wird mit einem Rahmen simuliert und ist unabhängig vom Text.

Weiteres zum Thema erfahren Sie in Verweise und Protokolle in HTML. Weiteres zum hier gezeigten HTML-Befehl a ist in der HTML Referenz bei <a> ausführlich beschrieben.