April 19, 2015

Styling Hyperlinks by CSS


  • a:link - a normal, unvisited link
  • a:visited - a link the user has visited
  • a:hover - a link when the user mouses over it
  • a:active - a link the moment it is clicked
 /* unvisited link */  
 a:link {  
   color: #FF0000;  
 }  
 /* visited link */  
 a:visited {  
   color: #00FF00;  
 }  
 /* mouse over link */  
 a:hover {  
   color: #FF00FF;  
 }  
 /* selected link */  
 a:active {  
   color: #0000FF;  
 }  

Text Decoration
The text-decoration property is mostly used to remove underlines from links:
 a:link {  
   text-decoration: none;  
 }  
 a:visited {  
   text-decoration: none;  
 }  
 a:hover {  
   text-decoration: underline;  
 }  
 a:active {  
   text-decoration: underline;  
 }   

Background Color
The background-color property specifies the background color for links:
 a:link {  
   background-color: #B2FF99;  
 }  
 a:visited {  
   background-color: #FFFF85;  
 }  
 a:hover {  
   background-color: #FF704D;  
 }  
 a:active {  
   background-color: #FF704D;  
 }   

0 comments:

Disclaimer

We shall not be liable for the improper or incomplete transmission of the information contained in this communication nor for any delay in its response or damage to your system. We do not guarantee that the integrity or security of this communication has been maintained or that this communication is free of viruses, interceptions or interferences. Anyone communicating with us by email accepts the risks involved and their consequences. We accept no liability for any damage caused by any virus transmitted by this site.