Pages

Friday 8 March 2013

CSS styling 4: Links

Links can be styled in many various ways.

Links can be styled with CSS properties such as colour, font-families, backgrounds, etc.

There are four different types of links:
  • a:link - a normal, unvisited link
  • a:visited - a link the user has visited
  • a:hover - a link when the users mouses over it.
  • a:active - a link the moment it is clicked
This is the order the syntax's have to go in, which look like this:
a:link {color:#FF0000;}
Each link syntax starts with a and is set between the style tags.

Text Decoration:
Text decoration is used most commonly to remove underline from links:
a:link {text-decoration:none;}
You can underline links by replacing none with underline.

Background colour:
The backgorund-colour property specifies the colour of the backgorund beyhind the links:
a:link {background-color:#B2FF99;}

No comments:

Post a Comment