Alternative content

Get Adobe Flash player

Web Design Articles

Other Related Links

PayPal Star Developer Award Winner 2005

Using Style Tags For Mouseover Link Effects

You can create special mouseover link effects by placing the following code between the <HEAD> and </HEAD> tags within your HTML code.

<STYLE>
<!--
A:active { color:#0000FF; text-decoration; }
A:hover { color:#FF0000; text-decoration: none; }
//-->
</STYLE>

In this example, the active text link is underlined with the color set to #0000FF. This will be the link color after a link is clicked on. The hover color is set to #FF0000. When the mouse is placed over the link, the text color will change and the underline disappears.

If you would like to display your link in a color other than the default, place the following code within your <BODY> tag. If you try to change the link color using <FONT> tags, your <STYLE> tags will not function properly.

<BODY link="#0000FF">

Edit the color code to suit your needs.

Copyright © Shelley Lowery