CSS: verschiedenfärbig Links

Link

Link

Link

Link
Das kommt in den Headbereich

<style type="text/css">

<!--
body {font-family : Verdana,Arial,sans-serif; font-size: 10pt }

A.blau:link { color: blue ; text-decoration:none; font-size: 12pt }
A.blau:visited { color : blue; text-decoration:none; font-size: 12pt }
A.blau:active { color: #cccccc; text-decoration:underline; font-size: 12pt }
A.blau:hover { color: red; text-decoration:underline; font-size: 12pt }

A.gruen:link { color: green ; text-decoration:none; font-size: 14pt }
A.gruen:visited { color : green; text-decoration:none; font-size: 14pt }
A.gruen:active { color: yellow; text-decoration:underline; font-size: 14pt }
A.gruen:hover { color: red; text-decoration:underline; font-size: 14pt }

A.rot:link { color: red ; text-decoration:none; font-size: 16pt }
A.rot:visited { color : red; text-decoration:none; font-size: 16pt }
A.rot:active { color: #cccccc; text-decoration:underline; font-size: 16pt }
A.rot:hover { color: magenta; text-decoration:underline; font-size: 16pt }

A.schwarz:link { color: black ; text-decoration:none; font-size: 18pt }
A.schwarz:visited { color : black; text-decoration:none; font-size: 18pt }
A.schwarz:active { color: #cccccc; text-decoration:underline; font-size: 18pt }
A.schwarz:hover { color: red; text-decoration:underline; font-size: 18pt }
//-->

</style>
und so schaut der HTML-Code aus
<p align="center"><a href="#" class="blau">Link</a></p>
<p align="center"><a href="#" class="gruen">Link</a></p>
<p align="center"><a href="#" class="rot">Link</a></p>
<p align="center"><a href="#" class="schwarz">Link</a></p>