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

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 Farbwert #b0c4de und Farbe slategray

Text- und Unterstreichungsfarben mit Befehl h1

Mit HTML-Befehl <h1> setzen Sie eine Überschrift der 1. Stufe. Sie kann hervorgehoben und farblich gestaltet werden.

Hier ändern wir die Textfarbe von <h1> auf Farbe slategray. Die Schriftart ändern wir auf arial und vergrößern die Schriftgröße auf 124%. Wir unterstreichen den Inhalt von <h1> mit Hilfe eines gefurchten Rahmens mit 2 Pixel Dicke in Farbwert #b0c4de. Dies ist in HTML nicht möglich. Wir nutzen deshalb CSS.

<style type="text/css"><!--
  h1 { 
    color: slategray; 
    font-size: 124%; 
    font-family: arial; 
    border-bottom: 2px groove #b0c4de;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Weiteres zum Thema h1 lesen Sie in Grundlegende Gestaltungselemente in HTML. Mehr zum hier verwendeten Tag h1 ist in der HTML Referenz unter <h1> genau zusammengestellt.

Füllen und Umranden mit Tag acronym

Hier umranden wir <acronym> mit einem gestrichelten, 4 Punkte dicken Rahmen in Farbe slategray . Die Hintergrundfarbe für <acronym> färben wir entsprechend mit Farbwert #b0c4de. Dies ist mit HTML so kaum möglich. Wir nutzen deshalb CSS zur Formatierung.

<style type="text/css"><!--
  acronym { 
    background-color: #b0c4de; 
    border-width: 4pt; 
    border-color: slategray; 
    border-style: dashed;
  }
//-->
</style>

Weiteres zum hier genutzten Befehl acronym ist in der HTML Referenz unter <acronym> zusammengestellt.