Ressourcen: 120 HTML Farbnamen - Kombination von Farbe slategray und Farbwert #9932cc

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.

Beispiele zur Kombination von Farbe slategray und Farbwert #9932cc

Füllen und Umranden mit Tag h4

Mit HTML-Tag <h4> wird eine Überschrift der 4. Stufe erzeugt. Diese kann man farblich gestalten.

Für dieses Beispiel umranden wir <h4> mit einem 1 Pixel dicken, gezahnten Rahmen in Farbwert #9932cc . Den Hintergrund von <h4> setzen wir auf Farbe slategray. In HTML ist dies kaum machbar. Daher formatieren wir mit CSS.

<style type="text/css"><!--
  h4 { 
    background-color: slategray; 
    border-color: #9932cc; 
    border-width: 1px; 
    border-style: ridge;
  }
//-->
</style>

Mehr zum Thema erfahren Sie in Grundlegende Gestaltungselemente in HTML. Möglichkeiten vom hier genutzten HTML-Tag h4 sind in der HTML Referenz unter <h4> genau gezeigt.

Hintergrund/Text-Kombination mit HTML-Tag legend

Hier ändern wir die Textfarbe von <legend> auf Farbwert #9932cc und die Hintergrundfarbe von <legend> auf Farbe slategray. Die Schriftart setzen wir auf verdana und ändern die Schriftgröße auf 13px.

<style type="text/css"><!--
  legend { 
    background-color: slategray; 
    color: #9932cc; 
    font-family: verdana; 
    font-size: 13px;
  }
//-->
</style>

Mehr zum Thema erfahren Sie in Formulare in HTML. Mehr zum hier gezeigten Tag <legend>.