CSS / CSS Grundkurs - Lektion 1 2 3 4

• Die Farbe der Hyperlinks ändern.

Mit Html können Sie die Links, wie folgt ändern:

<body link="FF0000" alink="FF00FF" vlink="0000FF">

Mit CSS haben sie einige Gestaltungsmöglichkeiten mehr:

Ändern des Schriftbildes und der Größe
Link mit oder ohne Unterstreichung
Unterstreichung beim überfahren mit der Maus (Hover-Effekt)

Und so wird ein Link mit CSS formatiert:

<style type="text/css">
  a: link {
   font-family: Verdana; font-size: 9px; color: #FF0000
  }

  a: visited {
   font-family: Verdana; font-size: 9px; color: #0000FF
  }

  a: active {
   font-family: Verdana; font-size: 9px; color: #FF00FF
  }
</style>

Links mit Hover-Effekt:

<style type="text/css">
  a: hover {
   font-family: Verdana; font-size: 9px; color: #000000; text-tecoration: underline
  }
</style>

Zalreiche Link-Effekte finden Sie unter

CSS Hyperlinks

Tipp: Externe Seitenformatierung mit CSS

Lektion 3 |4|

Das könnte Sie interessieren:

Lorem Ipsum-Generator - Dieser Generator erstellt einen Blindtext (Fülltext). Mit Hilfe des Blindtextes kann die Verteilung des Textes auf der Webseite sowie die Lesbarkeit der Typografie beurteilt werden.

Texteditor - Texteditor

PHP, CSS und JavaScript verbinden - Ein kleines Beispiel zeigt wie einfach man PHP und JavaScript verbinden kann.

Wellentext Generator - wellentext Generator

CSS-Sprites einfach erstellen …mehr