/TUTORIALS [and more] @ Velvet-Rose.net

CSS Links

Here is the basic code for the css style of your links.

A:link{color:#COLOR; text-decoration:none; font-weight:normal;} A:visited{color:#COLOR; text-decoration:none; font-weight:normal;} A:hover{color:#COLOR; text-decoration:none; font-weight:normal;} A:active{color:#COLOR; text-decoration:none; font-weight:normal;}

Here is an explanation.
A:link is basically what the style of the link looks like when you first load the page.
A:visited is the style of the link after it's been visited.
A:hover is the style of the link when the mouse moves over it.
A:active is the style of the link right when it is being clicked on (when in use).

Use whatever hex codes you want for #COLOR, but make sure they match and look good!

For text-decoration:none, you can change "none" to whatever value you want. Here are all the options:

underline

overline

underline overline

line-through

blink

none

For font-weight, you also have some options. You can change the "normal" to one of the following:

lighter

normal

bold

bolder

There are of course other things you can add to the links css, but many of these codes do not validate and only work in Internet Explorer.

<-back