blog

Home / DeveloperSection / Blogs / CSS3 - Links

CSS3 - Links

Vijay Shukla3591 27-Dec-2012

In this blog I am trying to explaining the links using CSS3.

There are four different selectors with regard to links.

You can specify whatever style you'd like to each of these selectors, just like you'd do with normal text.

A:link

Identify the style for ordinary unvisited links.

A:visited

Identify the style for visited links.

A:active

Identify the style for active links.

A link becomes active once you click on it.

A:hover

Identify the style for hovered links.

A link is hovered when the mouse moves over it.

Note:

 It isn't supported by Netscape browsers antecedent to version 6.

Style:
<style type="text/css">
a:link {color: red;}
a:visited {color:green;}
a:hover {color: blue;}
a:active {color: yellow;}
</style>
 HTML Code:
<a href="http://www.mindstick.com/BlogList.aspx">Link</a>
<a href="http://www.mindstick.com/DevelopersSection.aspx">Link</a>
Output:

In this blog when our HTML code load first time in the browser link color will be red but when we go to on the any link its color will be changed in blue color and when that link will active its color will yellow. After visited on that particular link its color will be green.


Updated 18-Sep-2014

Leave Comment

Comments

Liked By