Friday 23 June 2017

Styling Hyperlinks by CSS ~ GNIITHELP



  • 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;  
 }   

No comments:

Post a Comment