Links unterschiedlich formatieren

v-netz

Hallo Leute,

ich möchte auf der gleichen Seite mehrere Links unterschiedlich formatieren (Farbe, Unterstreichung, Hinterlegung, Farbwechsel etc.). Ich schätze ich muss dass mit CSS machen aber wie.

Vielen Dank im Voraus

VV

MrJava

Code

<style type="text/css">
a { color: #ffffff; }
a:link { text-decoration: none; color: #000000; }
a:visited { text-decoration: none; color: #000000; }
a:hover { text-decoration: underline; color: #000000; }


a.link1:link { font-size:12px; }
a.link1:visited { font-size:12px; }
a.link1:hover { font-size:16px; }


a.link2:link { font-size:16px; }
a.link2:visited { font-size:16px; }
a.link2:hover { font-size:12px; }
</style>

Alles anzeigen

Du kannst ja klassen definieren. Hier die Klassen link1 und link2

Code

[url='link1.html']Link 1[/url]


[url='link2.html']Link 2[/url]

Tags