webmaster resources tips and articles
webmaster information

Path = Home : HTML Design Tips : Using Style Tags For Mouseover Link Effects

Using Style Tags For Mouseover Link Effects


Web Source Web Design Tips
by Shelley Lowery

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. When the mouse is placed over the link, the text color will change to #FF0000 and the underline disappears.

Tip provided by: Web Source: Your Guide to Professional Web Design and Development. http://www.web-source.net

 

© janim.net 2000 - 2007 All rights reserved