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.
Leave Comment