links CSS properties

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>
 

_________________
M. S. Rakha, Ph.D.
Queen's University
Canada

Author: DrRakha
Mastermind

Posts: 2715
Have thanks: 74 time

Page 1 of 1

[ 1 post ]

Related Posts to : links CSS properties
Change the properties of div tag -
Class static properties -
Java properties utility -
Change CSS Properties from JQuery -
demonstrate how to add lighting and material properties -
Define boolean Class properties -
Changing the color and properties of the header tag -
JFrame properties for an Applet to be embedded in website? -
simple code to read properties in java -
Links like yours? -

Topic Tags

CSS Link

Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
All copyrights reserved to codemiles.com 2007-2011
mileX v1.0 designed by codemiles team
Codemiles.com is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to Amazon.com