Monday, August 19, 2013

CSS pseudo classes anchor

<html>
<head>
<style type="text/css">
a:link {color:#FF0000}    /* unvisited link */
a:visited {color:#00FF00} /* visited link */
a:hover {color:#FF00FF}   /* mouse over link */
a:active {color:#0000FF}  /* selected link */
</style>
</head>

<body>
<p><b><a href="default.asp" target="_blank">This is a link</a></b></p>
<p><b>Note:</b> a:hover MUST come after a:link and a:visited in the CSS
definition in order to be effective.</p>
<p><b>Note:</b> a:active MUST come after a:hover in the CSS definition in order
to be effective.</p>
</body>
</html>

Result


No comments: