Hallo Claus,
ich habe z.B "normale" Links und Links einer Klasse "navi". Das sieht im css dann so aus:

a { font-size: 18px; font-family: "Times New Roman", Georgia, Times, serif; text-decoration: none; cursor: pointer }
a:link { color: #00f; background-color: transparent }
a:visited { color: #00f; background-color: transparent }
a:hover { color: #f00; background-color: transparent }
a:active { color: #f00; background-color: transparent }
a:focus { color: #f00; background-color: transparent }
.navi { font-weight: bold; font-size: 15px; text-align: center; border: solid 1px #ccc; width: 120px; height: 20px; display: block }
.navi:link { border: solid 1px #00f }
.navi:visited { border: solid 1px #00f }
.navi:hover { border: solid 1px #f00 }
.navi:active { border: solid 1px #f00 }
.navi:focus { border: solid 1px #f00 }


und im html:

normaler Link
<a href="/infos/formen.html">Formen</a>

Klasse-Link
<a class="navi" href="/training.html">Trainingsdaten</a><br>


Ich habe nicht die Farbe, sondern Grösse und Rahmen verändert, aber als Beispiel tut's das auch.

Grüsse
r a c