Closer view on complete CSS code for Hyperlinks

* link is for an unvisited link.
* visited is for a link to a page that has already been visited.
* active is for a link when it is gains focus (for example, when it is clicked on).
* hover is for a link when the cursor is held over it.

a:link {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
text-decoration: none;
color: blue;
}

a:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
text-decoration: none;
color: purple;
}

a:active {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
text-decoration: none;
color: red;
}

a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
text-decoration: underline;
color: yellow;
}