webmaster resources and information

Path = Home : Webmaster Resources : 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






 

 

Menu


Online Stores


Search This Site

Custom Search

Miscellaneous