The four links states are as follows:
a:link – state of an unvisited link by a usera:visited – state when the user has visited the linka:hover – state when the user hovers over ita:active – state when the link is clicked
Link Color
You can easily apply different colors to the different states of your links. For example, you may want to apply a blue color for unvisited links, but apply red color for those links that have been visited by the same user. When applying CSS to the link element, it is important to have the CSS rules in the order shown in the example.
Text Decoration
Another property that can be used to style links is text-decoration. For example, browsers will, by default, style the links with an underline. You may only want to display the underline when the mouse hovers over the link. You can change that behavior by applying the text-decoration property.
Background Color
It is also common to apply a background color to your links. You can do this by applying the background-color property. You can apply other properties to links, just like you would to the text within your document. Here is an example of what can be done to style links by adding borders, fonts, etc.
