Styling Hyperlinks

State Selector Style Preview
Unvisited :link color: rgb(0, 0, 238); link
Visited :visited color: rgb(85, 26, 139); link
Hover :hover cursor: pointer; link
Focus :focus outline: rgb(59, 153, 252) auto 5px; link
Active :active color: rgb(238, 0, 0); link

Properties: color, cursor, outline, text-decoration

Example

state/index.html:

a {
  text-decoration: none;
}


a:link {
  color: #2bdfbb;  
}

a:visited {
  color: #156f5d;
}

a:active {
  color: #df2b4f;
}

a:hover, a:active, a:focus {
  text-decoration: underline;
}

Output:

References