hover links, different colors. Options

[PrincessAda]

I saw this one layout site.
whenever I hovered a link it like has a box around it and it changes color..
like for example..
home(would be red box around)
add(would be green box around)
message(would be brown box around)

does anyone know the code ?

[GREASEbaby]

Mm no I didn't ask. I didn't look either.

Anyhoo, I found the answer on google. It should be somewhere along the lines of putting this into your css:

.class1 a:link, .class1 a:visited, .class1 a:active {
color: #6685B0;
text-decoration: none;
}

And making it a div (I guess, the answer is a tad confusing.) with the name div1 [as you labeled in the css class1. you can do class2, class3, etc.].

I'm gonna keep searching, I'm sure you can do it without div's.

Ah, I see. I guess you can use <a class=1>, but I'm wondering where the link can go.
And my search continues.

Uhmm, I suppose you can use this code inside of your style tags:

td a
{
color: green;
}

and putting td tags around your links.
I'm not sure.

AHH YES!

Okayy. I think I figured it outt.

Refer to this, and how you put it in your css:

Anyhoo, I found the answer on google. It should be somewhere along the lines of putting this into your css:

.class1 a:link, .class1 a:visited, .class1 a:active {
color: #6685B0;
text-decoration: none;
}

And then I mentioned something about the <a class="#">, and I don't know where the url would go.

Typically, it goes like this:
<a class="CLASSNAMEHERE" href="URLHERE">

And in your css you go onto the classes 2, 3, 4, and five etc. Just remember to keep the global anchor css intact.