CSS - Anchor Text Style

[shri]

Using CSS you can change the way the anchor of the link looks.

Four states of the anchor text can be styled.

link: Affects unvisited links
visited: Affects links that your browser knows that you've visited.
hover: affects the link that your mouse is hovering over
active: the active link that has been selected by tabbing over.

<style>
a:link {color: #FF0000; font-weight: bold;}     /* unvisited link */
a:visited {color: #00FF00}  /* visited link */
a:hover {color: #FF00FF}   /* mouse over link */
a:active {color: #0000FF}   /* selected link */
</style>

The above example makes the unvisited links bold.

[shri]

On a bit of an editorial note, we highly recommend against the current trend of putting "text-decoration: none;" in the anchor styles.

Most users we know (including ourselves) look for the underlined text as an indicator that there is some more information / a link to click.