// Tutorials / Hover effects on links in CSS

Posted The: 29/06/2008 - AT: 20:35

Edited The: 08/09/2008 - AT: 18:24

This tutorial covers how to make hover effects on your links using the CSS pseudo-classes.

The Pseudo-classes

  1. link
  2. visited
  3. hover
  4. active

When using these classes, keep in mind that for them to work, you need to place them in the oder they are listet.

Example

The following example will apply a basic hover effect to all of your links, and links that are hovered wil be red.

a:link { color: blue; }
a:visited { color: purple; }
a:active { color: yellow; }
a:hover { color: red; }

Note. You can also apply other styles, like text-decoration, check the CSS Reference for more properties to use. As for colors, its recommended to read the color reference.

Stumble It!

Author: BlueBoden

Comments: [0]

  1. menu icon

    Tutorials

  2. HTML Tutorial
  3. CSS Tutorial
  4. XHTML Tutorial
  5. RSS Tutorial
  6. PHP Tutorial
  7. htaccess Tutorial
  8. Server Tutorial
  9. SEO Tutorial
  1. RSS icon

    Articles Feed

  2. Paid Links a Trap in SEO
  3. The Secret about Linkbuilding in SEO
  4. XHTML and Mime Types
  5. XHTML vs HTML
  6. A few CSS Tips

  7. Reference

  8. HTML Reference
  9. CSS Reference
  10. PHP Reference
  1. menu icon

    Brugbart News

  2. 03/01/2009
  3. 26/10/2008
  4. 20/08/2008
  5. 15/06/2008
  6. 23/05/2008
  1. menu icon

    Menu

  2. Brugbart in Danish
  3. BlueBoden's Blog
  4. Brugbart's Shop
  5. Search!
  6. About
  7. Contact
  8. LBD GuestBook
  9. Terms of Service
  10. Alternative Titles

  11. User Menu

  12. New user
  13. Login

  14. Tapet

  15. LBD Default
  16. Emerald
  17. Gold
menu icon

Brugbart Overview

Checked At:06:03

5 Guests

0 Users

Online doing the past 15 Minutes!

PageRanking.dk - Flere hits og højere PageRank - GRATIS tilmelding!

This page was created in 0.0717468261719 seconds

Welcome Guest