Fun with Hover Link Text
By Will Bontrager
2005-05-22
Fun with Hover Link Text
To have fun with links when the cursor hovers over the text, put this into the HEAD area of your web page:
<style type="text/css"><!--
a:link {
text-decoration: none;
}
a:hover {
color: red;
background-color: yellow;
text-decoration: underline overline;
}
--></style>
The above removes any underline from links. But when the cursor hovers over links, the link text obtains a red text color, a yellow background, an underline, and an overline.
The color names may be replaced with the hexadecimal number for the desired color. "#000066" (without the quotes), for example.
Tutorial Pages:
» Fun with Hover Link Text
Copyright 2004 Bontrager Connection, LLC
