links CSS properties

Mon Feb 27, 2012 1:42 pm

In this example we focus on the different links CSS properties (link, visited, hover, active, focus) .

Code:: <html> <head> <title>links CSS properties</title> <style type="text/css"> a.custLink:link { color: #5476FC; text-decoration: none } a.custLink:visited { color: #22FF34; text-decoration: none; } a.custLink:hover { color: red; text-decoration: underlined; } a.custLink:active { color: #F55423; text-decoration: none; } a.custLink:focus { color: #6436FC; text-decoration: underlined; } </style> </head> <body> <p> <a class="custLink" href="http://www.codemiles.com">Visit Codemiles Community</a> </p> </body> </html>