fancy links

Alright so this is the basic css to make "fancy links" to apply this css to a link all you have to do is give that like the class of "link" ( class="link" ) add the
( class="link" ) to any link after the ( href="whatever" ) or before it, doesn't matter.

HTML for the link <a href="link destination" class="link"> link text </a> CSS for the link <style type="text/css"> a.link:active, a.link:visited, a.link:link { display:block; width:200px; height:15px; color:white; font-family:arial; font-size:12px; font-weight:normal; text-decoration:none; letter-spacing:0px; line-height:14px; background-color:black; border-width:1px; border-style:solid; border-color:gray; } a.link:hover { display:block; width:200px; height:15px; color:white; font-family:arial; font-size:12px; font-weight:normal; text-decoration:none; letter-spacing:0px; line-height:14px; background-color:red; border-width:1px; border-style:solid; border-color:black; } </style>

okay. sooo.... I think i got it now :)

ugh yeah it is necessary? you need a class or an id?
or you can be more advanced and make div specific links other then that, yes a class is required. especially seeing as id (#) doesnt work on myspace profiles.

class is just a describing title. it really isn't needed for this code you can remove it

i dont understand, like is the class the code you put or something? help me please. :[

exactly what I need, but one question;

When I use it, the line height, (whether I change it to 8px or whatver) stays the same and they have a about... | | gap in between. What can I do.

Author	alek
Submitted on	Mar 29, 2009
Page views	18,454
Favorites	20
Comments	5
Reviewer	manny-the-dino
Approved on	Mar 29, 2009

cool, awesome, links, link, fancy