Links can be styled in different ways.
Links can be styled with any CSS property (e.g.
In addition, links can be styled differently depending on what state they are in.
The four links states are:
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
When setting the style for several link states, there are some order rules:
In the example above the link changes color depending on what state it is in.
Lets go through some of the other common ways to style links:
text-decoration property is mostly used to remove underlines from links:
background-color property specifies the background color for links:
styles to hyperlinks
This example demonstrates how to add other styles to hyperlinks.
Create link boxes
This example demonstrates a more advanced example where we combine several CSS properties to display links as boxes.