In diesem Beispiel soll Beim
Mouse over Hintergrundfarbe und Schriftfarbe des Links
farblich wechseln. Damit wir das ganze in eine Navigationsleiste
einbinden können, sollten wir zudem die Breite
mit dem "display" Attribut festlegen.
Der CSS Teil (diesmal extern):
a.linkbeispiel1{
display:block;
width:170px;
color:#000000;
background:#FFCC00;
text-align:center;
text-decoration:none;
font:normal 14px arial, sans-serif;
}
a.linkbeispiel1:hover{
color:#ffffff;
text-decoration:none;
background-color:#006699;
}
der HTML Teil:
<p><a href="#"
class="linkbeispiel1">Unser Link</a></p>
<p><a href="#" class="linkbeispiel1">Unser
Link 2</a></p>
Das Ergebnis:
Unser
Link
Unser
Link 2
|
