Links: Colors

When you move the mouse over a link, two things will normally happen:

• The mouse arrow will turn into a little hand
• The color of the link element will change

By default, a link will appear like this (in all browsers):

• An unvisited link is underlined and blue
• A visited link is underlined and purple
• An active link is underlined and red (a blink of the eye thing)

You can change the default colors, by using styles:

<style>
a:link    {color:green; background-color:transparent; text-decoration:none}
a:visited {color:pink; background-color:transparent; text-decoration:none}
a:hover   {color:red; background-color:transparent; text-decoration:underline}
a:active  {color:yellow; background-color:transparent; text-decoration:underline}
</style>

If you color the background of your webpages, this could become a necessity!