Ressourcen: 120 HTML Farbnamen - Kombinationen mit Farbe plum

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 plum
Detail	:	Hintergrundfarbe plum	Verlauf nach Weiß		Verlauf nach Schwarz
Farbe	:	plum	#dda0dd	#dda0dd	#dda0dd	#dda0dd
Farbwert	:	#dda0dd	#e1ade1	#e1ade1	#bd89bd	#bd89bd
HTML	:	plum	#e6bbe6	#e6bbe6	#9d729d	#9d729d
CSS	:	plum	#ebc8eb	#ebc8eb	#7e5b7e	#7e5b7e
CSS (Wert)	:	#dda0dd	#f0d6f0	#f0d6f0	#5e445e	#5e445e
CSS (kürzest)	:	#dda0dd	#f5e3f5	#f5e3f5	#3f2d3f	#3f2d3f
CSS (RGB)	:	rgb(221,160,221)	#faf1fa	#faf1fa	#1f161f	#1f161f
CSS (%RGB)	:	rgb(86%,62%,86%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbe plum

Änderung der Textfarbe bei Hover bei HTML-Befehl p

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

<style type="text/css"><!--
  p { 
    color: #70e5b5; 
    font-family: arial;
  }
//-->
</style>

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

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

Mehr zum Thema können Sie in Grundlegende Gestaltungselemente in HTML finden. Die Beschreibung vom HTML-Tag p finden Sie in der HTML Referenz unter <p>.

Umrandung mit HTML-Befehl a

Einen Link setzen Sie mit Tag <a>. Diesen können Sie farblich gestalten.

In diesem Beispiel umranden wir <a> mit einem 5 Pixel dicken, gepunkteten Rahmen in Farbe plum. Mit HTML ist dies nicht möglich. Wir nutzen deshalb CSS.

<style type="text/css"><!--
  a { 
    border-width: 5px; 
    border-color: plum; 
    border-style: dotted;
  }
//-->
</style>

Weiteres zum Thema erfahren Sie in Verweise und Protokolle in HTML. Weiteres zum hier genutzten Tag <a>.