Creating links with mouseover effect

I was on Gtalk when I asked how to create a link that changes color when the mouse passes over it.
This effect is very simple and easy to accomplish with a little thing called CSS  Cascade Style Sheet, is less complicated than it seems. Come on.

If you use blogger go: Layout -> Edit Html

Enter the code shown below before the tag </ HEAD> tags of your website:

<style type="text/css">
a:link {
color:#6131BD;
text-decoration:none;
}
a:visited {
color:#cc0000;
text-decoration:none;
}
a:hover {
color:#333333;
text-decoration:underline;
}
</style>

where:

a: link - which assigns the color and type of text to be shown in the link (none, bold, underline, etc.).

TO visit - assign color and type of text to be shown on a link has already been visited by the user.

a: hover - here it comes the magic. The color attribute determines the color that your link will stay when the user hovers the mouse over it and the text-decoration will determine the type of the text.
While researching more on the subject found alternatives for this code in a blog called Tip of the Day (at least that's the title that is at the top):

Tweet