///Fun with Hover Link Text

Fun with Hover Link Text

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.

2010-05-26T11:16:32+00:00 May 22nd, 2005|CSS|0 Comments

About the Author:

Leave A Comment