Home
• »»
CSS - Tutorial
• »»
Anwendung mit Rahmen und Links

Hier jetzt noch eine kleine Spielerei mit Rahmen und Links.
Beispiel:
Normaler Link  Link mit Klasse "anders"
Die Funktionsweise wird am besten im Quelltext ersichtlich:

a.anders:link {
 color:00ff00;
 text-decoration:none;
 border-bottom:solid 1px #ff0000;
 }
a.anders:visited {
 color:00ff00;
 text-decoration:none;
 border-bottom:solid 1px #ff0000;
 }
a.anders:hover {
 color:ff0000;
 text-decoration:none;
 border-bottom:solid 1px #00ff00;
 }

Am Link wird also die Unterstreichung verhindert, da sie die gleiche Farbe wie die Schrift hätte. Statt dessen wird unten ein andersfarbiger Rahmen gesetzt, der beim Hover-Effekt auch die Farbe ändert.
Scheint aber wieder erst ab IE 5.5+ zu funktionieren.