2
Here's a basic example of how to change font size on hover:
a {font-size: 12px;}
a:hover {font-size: 14px;}
You can use the same method for several effects like swapping background images
a {background-image: url(img1.gif);}
a:hover {background-image: url(img2.gif);}
....adding text decorations
a {text-decoration: none;}
a:hover {text-decoration: underline overline;}
....changing text color
a {color: #990000;}
a:hover {color: #FF0000;}
....or any combination thereof
a {
font-size: 12px;
color: #990000;
text-decoration: none;
}
a:hover {
font-size: 14px;
color: #FF0000;
text-decoration: underline overline;
}
Of course, there's a ton more that can be done; this is just a basic example.
Hope this helps.
JMorris
