Ressourcen: 120 HTML Farbnamen - Kombinationen mit Farbe darkkhaki

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 darkkhaki
Detail	:	Hintergrundfarbe darkkhaki	Verlauf nach Weiß		Verlauf nach Schwarz
Farbe	:	darkkhaki	#bdb76b	#bdb76b	#bdb76b	#bdb76b
Farbwert	:	#bdb76b	#c6c180	#c6c180	#a29c5b	#a29c5b
HTML	:	darkkhaki	#cfcb95	#cfcb95	#87824c	#87824c
CSS	:	darkkhaki	#d9d5aa	#d9d5aa	#6c683d	#6c683d
CSS (Wert)	:	#bdb76b	#e2e0bf	#e2e0bf	#514e2d	#514e2d
CSS (kürzest)	:	#bdb76b	#ecead4	#ecead4	#36341e	#36341e
CSS (RGB)	:	rgb(189,183,107)	#f5f4e9	#f5f4e9	#1b1a0f	#1b1a0f
CSS (%RGB)	:	rgb(74%,71%,41%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbe darkkhaki

Änderung der Unterstreichung bei Hover bei HTML-Befehl del

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

<style type="text/css"><!--
  del { 
    border-bottom-color:#7b4353; 
    border-bottom-style:outset; 
    border-bottom-width:4px;
  }
//-->
</style>

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

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

Die Idee ist hierbei, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu verwenden. Öfter sieht man das bei Verweisen. Der Text wird in einer Farbe dargestellt. Und die Unterstreichung in einer anderen. Hierbei handelt es sich jedoch nicht um eine "normale" Unterstreichung, der Text hat keine Unterstreichung. Die Unterstreichung wird mit einem Rahmen simuliert und dieser Rahmen ist unabhängig vom Text.

Der Befehl del ist in der HTML Referenz bei <del> ausführlich beschrieben.

Umrandung von HTML-Befehl td

In diesem Beispiel umranden wir <td> mit einem 2 Pixel dicken, einfallenden Rahmen in Farbe darkkhaki. Dies ist mit HTML nicht möglich. Wir nutzen daher CSS zur Formatierung.

<style type="text/css"><!--
  td { 
    border-color: darkkhaki; 
    border-style: inset; 
    border-width: 2px;
  }
//-->
</style>

Mehr zum Thema können Sie in Tabellen in HTML nachsehen. Einzelheiten des hier gezeigten HTML-Befehl <td>.