Printed from BasicTips.com, FREE helpful articles and tips for Webmasters and Business Owners
Copyright © 1994-2006 by BasicTips.com, a division of BasicTemplates.BIZ
All rights reserved. Republication in whole or in part in any form is not permitted.

Sponsored by BasicTemplates.BIZ
Website Templates with External CSS and Removable Graphics
http://www.BasicTemplates.biz

Co-Sponsored by Effective-Website-Secrets.com
Teaching webmasters effective web development and marketing techniques via free podcasts.
http://www.Effective-Website-Secrets.com

Category: CSS
Link Rollovers and Hovers
By BasicTemplates with External CSS

Changing the color of a textual link when the mouse passes over it is generally called a mouseover or rollover. In CSS it is referred to as a hover. Copy/paste the code below into your external style sheet.

If you are not familiar with the different methods of CSS and how or when to use them, be sure to read our article, "External, Internal or Inline? Which Method is Best?"

In this example, note that every link rollover on the page will be red. You can change the color to whatever you like including using hex color codes with a leading # character. The second example code snippet illustrates this procedure.

Example 1:
a:hover { color: red;}

Example 2:
a:hover { color: #FF0000;}