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:

CSS Hyperlink #1

Vertikale Linie erstellen

Button mit Hintergrundbild

CSS Hyperlink #37

Textgestaltung mit CSS - Mit CSS ist ein Text schnell formatiert (Farbe, Scriftart, Schriftgröße, Rahmen, Hintergrundfarbe, ...).

CSS Hyperlink #45

Erstellen einer dreifachen Linie …mehr