Beispiel für Css-Style-Rules

So können CSS-Style-Rules für Links aussehen

a:link {
    text-decoration:none;
    font-weight:none;
    font-family:Tahoma, Verdana, Arial;
    font-size:8pt;
    color:#000000;
    cursor:default;
    }

a:visited {
    text-decoration:none;
    font-weight:none;
    font-family:Tahoma, Verdana, Arial;
    font-size:8pt;
    color: red;
    cursor:default;
    }

a:hover {
    text-decoration:overline underline;
    font-weight:normal;
    font-family:Tahoma, Verdana, Arial;
    font-size:8pt;
    color:blue;
    cursor:crosshair;
    }

a:active {
    text-decoration:underline;
    font-weight:normal;
    font-family:Tahoma, Verdana, Arial;
    font-size:8pt;
    color:#C0C0C0;
    cursor:w-resize;
    }~

*So sah der Link dann aus:*

*a:link*
nichts besonderes

*a:visited*
Die Schrift ist nach Benutzen des Links rot geworden

*a:hover*
Der Link ist beim MouseOver blau, oben und unten unterstrichen und der Cursor ist leider nicht zu sehen.

*a:active*
Der actice Link ist grau und der Cursor ist wegen des Screenhots leider nicht zu sehen.

Weiter gehts mit

Autorin / Autor: Delfin13 - Stand: 8. August 2006