Links can exist in different states — link, visited, active, hover, and focus. These states of a link or hyperlink can be styled using pseudo-classes, depending on what state they are in.
Following are the different states, we are already discuss in HTML Links.
- a: link — Set styles for normal or unvisited links that have no mouse pointer over it.
- a: visited — Set styles for a link that the user has visited but has no mouse pointer on it.
- a: hover — Set styles for a link when the user places the mouse pointer over it.
- a: active — Set styles for a link that a link which is just clicked.
- a: focus — Set styles for a link that a link which you want to focus.
Note: The order of the pseudo-classes should be the following: : link, : visited, : hover, : active, : focus in order for these to work properly.
Color
This CSS color property is used to change the color of the link or hyperlink text. If you are not set the color of links, the browser uses the default link colors.
Background Color
The background-color property is used to set the background color for links.
Text Decoration
The text-decoration property is generally used to remove the default underlines from links.
The following example shows how to remove or set the text-decoration property.
Font Family
This property is defined to change the font type of a link using the font-family property.