Hey there guys

At this tutorial,i am going to show you all the CSS properties to style a link.

Here are the basic states:

• Code:

  a:link {color:#FF0000;}

  [A normal link]

• Code:

  a:visited {color:#00FF00;}

  [A link that a user had visited in the past]

• 
  

  Code:

  a:hover {color:#FF00FF;}

  [a link when we move a mouse on it]

• Code:

  a:active {color:#0000FF;}

  [ a link the moment its clicked]

We add those to our CSS.We can change the colors as we like and prefer.

BackGround color:

We can also change the background color of our links with this properties:

• Code:

  a:link {background-color:#B2FF99;}

  [Background color for normal links]

• 
  

  Code:

  a:visited {background-color:#FFFF85;}

  [Background color for a link the user had visited in the past]

• Code:

  a:hover {background-color:#FF704D;}

  [Background color for when we move the mouse on it]

• Code:

  
a:active {background-color:#FF704D;}

  [Background color for a link the moments its clicked]

Last thing.We can also change the links decoration.We can use that to remove the underline under the links,because our links are always underlined if we dont add any of these CSS codes.

Code:

a:link {text-decoration:none;}

Code:

a:visited {text-decoration:none;}

Code:

a:hover {text-decoration:underline;}

Code:


a:active {text-decoration:underline;}

You can see above that we remove the text decoration by writing "Text-decoration:None"

And here is where my tutorial ends

Cool tutorial.
But something close to this already exist: http://www.webartzforum.com/tutorials-f7/remove-line-under-link-t1002.htm

well UD,if you had seen that has ALL the CSS links properties.Your tutorial is only the 1/10 of mine
Your tut has only 1 property and mine has all CSS properties for links

That's correct! But it will closely be the same, if the background attribute was added to the other tutorial. There also exist many other ways to style the link, like size changing or over-/underline. So actually you don't got them all.

Well even though i have written the most

If I were you, I would at something about: letter spacing, text transforming, over-/underline changing and size changing (or something else). Just to put more on this tutorial - but it's your choice.

Hi CP!

Nice tut but I don't think its perfect. There are many properties that work with links while you have listed only 3 of them : text-decoration, background and color!

It would be better if you can add more properties and values specially for links

Hmm i cant find more.
Will this one be rejected?

I think so.
I'll post this one with more detailed description.

Thanks for your contribution though

Tutorial Rejected