CSS – Hover Effekt 2

CSS – Hover Effekt II

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="#">Unser Link</a></p>
<p><a href="#">Unser Link 2</a></p>

Hinterlasse eine Antwort

Users on page
Now online: 1
Overall: 3131385