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.


Identify the style for ordinary unvisited links.


Identify the style for visited links.


Identify the style for active links.

A link becomes active once you click on it.


Identify the style for hovered links.

A link is hovered when the mouse moves over it.


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

<style type="text/css">
a:link {color: red;}
a:visited {color:green;}
a:hover {color: blue;}
a:active {color: yellow;}
 HTML Code:
<a href="">Link</a>
<a href="">Link</a>

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.

  Modified On Sep-18-2014 01:24:07 PM

Leave Comment