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.