Beispiel 1:

Angezeigter Link: Ohne Linkunterstreichung.

Hover Link: Ohne Linkunterstreichung, Background ,Textfarbe, Fett.

link 1     link 2     link 3     link 4     link 5

<style type="text/css"> <!-- A:link { color : #0033CC; text-decoration: none ;} A:visited {color : #0033CC; text-decoration: none; } A:active {color: #FF0000; text-decoration: none; } a:hover {background:#333333;color:white;font-weight:bold ;text-decoration: none ;} --> </style>

---

Beispiel 2:

Angezeigter Link: Ohne Linkunterstreichung, mit Background.

Hover Link: Ohne Linkunterstreichung, Background ,Textfarbe, Fett.

link 1     link 2     link 3     link 4     link 5

<style type="text/css"> <!-- A:link { background:004040;color : white; text-decoration: none; } A:visited{ background:#004040;color : white; text-decoration: none; } A:active {color: #FF0000; text-decoration: none; } a:hover {background:#333333;color:#008080;font-weight:bold ;text-decoration: none; } --> </style>

---

Beispiel 3:

Angezeigter Link: Mit Linkunterstreichung, Background.

Hover Link: Mit Linkunterstreichung, Background ( gleicher wie Background der HTML-Seite ) ,Textfarbe, Fett.

link 1     link 2     link 3     link 4     link 5

<style type="text/css"> <!-- A:link { background:#006699;color : white; } A:visited {background:#006699;color : white; } A:active{color: #FF0000; text-decoration: none } a:hover {background:black;color:#0099CC;font-weight:bold } --> </style>

---

Beispiel 4:

Die Links liegen innerhalb einer Tabelle mit farbigem Tabellenhintergrund (Blau).

Angezeigter Link: Ohne Linkunterstreichung, ohne Background.

Hover Link: Mit Linkunterstreichung, ohne Background, Textfarbe, Fett.

link 1     link 2     link 3     link 4     link 5

// >>IN DEN HEAD-BEREICH<<: <style type="text/css"> <!-- A:link { color : white;text-decoration: none; } A:visited {color : white; text-decoration: none ; } A:active{color: #FF0000; text-decoration: none } a:hover {color:#CCCCFF;font-weight:bold ;text-decoration: underline} --> </style> // >>IN DEN BODY-BEREICH<<: <table bgcolor="#000066" border="1" cellpadding="10" cellspacing="10" > <tr> <td align="center" bgcolor="#003399" > <a href="css.html">  link 1  </a> <a href="css.html">  link 2  </a> <a href="css.html">  link 3  </a> <a href="css.html">  link 4  </a> <a href="css.html">  link 5  </a> </td> </tr> </table>

---

Beispiel 5:

Die Links liegen innerhalb einer Tabelle mit farbigem Tabellenhintergrund (grau).

Angezeigter Link: Ohne Linkunterstreichung, ohne Background.

Hover Link: Ohne Linkunterstreichung, mit Background (Blau), Fett, Linie oben.

link 1    link 2    link 3    link 4    link 5