Home > DeveloperSection > Blogs > CSS3 - Links

CSS3 - Links


CSS-CSS3 CSS-CSS3 
Ratings:
0 Comment(s)
 1631  View(s)
Rate this:

CSS3 - Links

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.


Don't want to miss updates? Please click the below button!

Follow MindStick