Example 1 | Example 2 | Example 3 | Example 4 | Example 5 | Example 6 | Example 7

here's the basic code.
<a href="http://www.bing.com/" Onclick="window.open(this.href); return false" onmouseout="this.style.color = 'COLOR OF LINK HERE';" onmouseover="this.style.color = 'COLOR OF LINK WHEN HIGHLIGHTED';" align="justify"><font face="Arial" size="2" A title="outer Text here." >Place Title Here</font></a>

SO, here are 7 distinct examples:
<a href="http://www.bing.com/" Onclick="window.open(this.href); return false" onmouseout="this.style.color = 'black';" onmouseover="this.style.color = 'red';" align="justify"><font face="Arial" size="2" A title="outer Text here." >Example 1</font></a> | <a href="http://www.bing.com/" Onclick="window.open(this.href); return false" onmouseout="this.style.color = '#05052B';" onmouseover="this.style.color = '#31946F';" align="justify"><font face="Arial" size="2" A title="outer text here" >Example 2</font></a> | <a href="http://www.bing.com/" Onclick="window.open(this.href); return false" onmouseout="this.style.color = 'black';" onmouseover="this.style.color = 'white';" align="justify"><font face="Arial" size="2" A title="outer text here" >Example 3</font></a> | <a href="http://www.bing.com/" Onclick="window.open(this.href); return false" onmouseout="this.style.color = '0000ff';" onmouseover="this.style.color = '#CC6600';" align="justify"><font face="Arial" size="2" A title="outer text here" >Example 4</font></a> | <a href="http://www.bing.com/" Onclick="window.open(this.href); return false" onmouseout="this.style.color = '#262626';" onmouseover="this.style.color = '#007000';" align="justify"><font face="Arial" size="2" A title="outer text here" >Example 5</font></a> | <a href="http://www.bing.com/" Onclick="window.open(this.href); return false" onmouseout="this.style.color = '#3300ff';" onmouseover="this.style.color = '#A64242';" align="justify"><font face="Arial" size="2" A title="outer text here" >Example 6</font></a> | <a href="http://www.bing.com/" Onclick="window.open(this.href); return false" onmouseout="this.style.color = '#3300ff';" onmouseover="this.style.color = '#00A685';" align="justify"><font face="Arial" size="2" A title="outer text here" >Example 7</font></a>
(notice how examples #6 and #7 use the same linking color, which is being used by the forum administrator).
I would strongly recommend this. And simply keep it typical.

This method can also be applied to CSS Buttons, as well.
Usually, these Buttons are limited to coloring a few shades.
Otherwise, the Button's Text won't be visible when highlighted.
For example; when the following CSS button gets highlighted using a dark color, it's no longer readable.

the Original CSS Button Method

This problem can be rectified using this new granddaddy of HTML technique:

The New CSS Button Style

<a href="http://www.bing.com/" class="darktone" Onclick="window.open(this.href); return false" onmouseout="this.style.color = '#2c2c2c';" onmouseover="this.style.color = 'white';" align="justify"><font face="Arial" size="2" A title="Outer Text" >The New CSS Button Title</font></a> <style type="text/css"> .darktone { -moz-box-shadow:inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff; box-shadow:inset 0px 1px 0px 0px #ffffff; background-color:#F4E0CC; primary color inside box -moz-border-radius:7px; increases roundness of box -webkit-border-radius:7px; border-radius:7px; border:1px solid #336699; thin line surrounds box display:inline-block; color:#2c2c2c; color of text font-family:arial; font-size:13px; font-weight:bold; padding:3px 8px; text-decoration:none; text-shadow:0px 0px 0px #ffffff; }.darktone:hover { background-color: blue; color when hilighted }.darktone:active { position:relative; top:1px; } /* This imageless css button was generated by CSSButtonGenerator.com */ </style>

off course, this New Method produces superior graphics.
In this case; the highlighted text now becomes white, brushed against a dark blue background.

Note: rarely do I tamper with the shading features in CSS Buttons.
However, in this case; I've altered the Text-Shadowing near the end.
The initial text-shadow:1px 1px 1px #ffffff; has been changed to text-shadow:0px 0px 0px #ffffff;