link visited, hover, active, focus : Anchor class : Basic Tags HTML CSS TUTORIALS

HTML CSS TUTORIALS » Basic Tags » Anchor class »

link visited, hover, active, focus


 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
    <head>
        <style type="text/css">
            a:link {
                background: blue;
                color: white;
            }
            a:visited {
                background: crimson;   
                color: pink;
            }
            a:hover {
                background: black;
                color: white;
            }
            a:active {
                background: red;
                color: white;
            }
            a:focus {
                background: gray;
                color: white;
            }
        </style>
    </head>
    <body>
        <a href='http://www.g.com'>G</a> | 
        <a href='http://www.w.com'>W</a> | 
        <a href='http://www.p.net'>P</a> | 
        <a href='http://www.q.org'>Q</a>
    </body>
</html>