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:
text-decoration property is mostly used to remove underlines from links:
background-color property can be used to specify a background color for links:
Advanced - Link Buttons
This example demonstrates a more advanced example where we combine several CSS properties to display links as boxes/buttons:
Add different styles to hyperlinks
This example demonstrates how to add other styles to hyperlinks.
Advanced - Create a link button with borders
Another example of how to create link boxes/buttons.