Guide to creating a web site, web design, web development, internet marketing, promotion, html tips and tricks, javascript and more.

Your Guide to Professional
Web Site Design and Development

HTML Tips
HTML Codes
Web Development
Web Design Tips
JavaScript Codes
216 Web Safe Colors
CSS Tutorial
JavaScript Tutorial
ASCII Character Codes

Offering Free HTML Tips, Tags and Codes

Open Directory Projectfree ebooksfree articles
web site design development internet marketing and promotion tutorials

| Web Site Development | HTML Codes | HTML Tips | Web Design TipsJavascript Snippets | 216 Safe Colors | Symbols | CSS Tutorial | JavaScript Tutorial |

webmaster resources

Using CSS Style Tags For Mouseover Link Effects

(Internet Explorer)

If you're looking for a great way to spice up your HTML web page links, you can easily do so with style tags.

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.

Place the <STYLE> tag between your <HEAD> and </HEAD> tags.

Example Link


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

Edit the text indicated in bold to suit your needs.

Style tags provide a great way to add some special effects to your pages. You can learn more about using style tags within the CSS Tutorial section.



Submit your HTML code snippets. We'll credit you and give you a link to your website.