CSS Links

Links can be styled with any CSS property (e.g. color, font-family, background, etc.).

Styling Links

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

Note: When setting the style for several link states, there are some order rules:

• a:hover MUST come after a:link and a:visited
• a:active MUST come after a:hover

Text Decoration

Removing text decoration (underlining) is a common styling step for links.

Advanced Link Buttons

You can combine several CSS properties to display links as completely styled rectangles/buttons.