This time i am discussing major mistake of dump and stupid designers. I have found lot designers leave hyperlinks with default styles and attributes which have blue color with underline. Let me tell you this is not good approach to leave hyperlinks as default is. In current era where we are working on Web 2.0 we can not afford basic mistakes in website designing. If you Google some stupid mistakes of designers then you will know hyperlinks are major mistakes from all of them.

Just informing, you can use CSS to change the appearance and behavior of hyperlinks. CSS uses the following states to determine how hyperlinks look and behave:

• A
• A:link
• A:visited
• A:hover
• A:active

Here’s an example of the code that you might insert into a css style sheet to achieve the required effect.

A {font-family:Arial,serif; font-size:large}
A:link {color:blue;}
A:visited {color: #660066;}
A:hover {text-decoration: none; color: #ff9900;
font-weight:bold;}
A:active {color: red;text-decoration: none}

Kindly note that the A:hover must be placed after the A:link and A:visited rules, since otherwise the cascading rules will hide the effect of the A:hover rule. Similarly, because A:active is placed after A:hover, the active color (red) will apply when the user both activates and hovers over the A element.

Hyperlinks with no underline

A:link { text-decoration: none }

It can confuse your users if your hyperlinks aren’t underlined. A more usable solution would be only to apply this behaviour to hyperlinks only when users hover over them.

Text rollovers

A:hover { text-decoration: none }

Use the A:hover selector.
Cursor effects

A:hover { cursor:help }

Try it yourself, you will like it…
Just type following code in your style sheet

<!--
A {
   font-family:Georgia, Times, serif;
   font-size:large;
   cursor: auto
  }

A:link {
  color:blue;
  }
A:visited {
  color: #660066;
  }
A:hover {
  text-decoration: none;
  color: #ff9900;
  font-weight:bold;
  }
A:active {
  color: #ff0000;
  text-decoration: none;
  }
-->