Your Guide to Professional
Web Site Design and Development

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

Offering a guide to professional web site design, web page design and web design guidelines

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

Using CSS (Cascading Style Sheets) Style Tags to Customize Links

You can create special mouseover link effects using CSS (Cascading Style Sheets) Style Tags within your web page.

Place the following code between the <HEAD> and </HEAD> tags within your HTML code:

A:active { color:#0000FF; text-decoration; }
A:hover { color:#FF0000; text-decoration: none; }

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.

This is just one small example of how you can use CSS (Cascading Style Sheets) Style Tags within your web page. For additional information on CSS, visit the CSS Tutorial section.

 More Web Design Tips