(link visited hover active) color: ***;

Browser
  • IE
  • Cr
  • Sf
  • Fx
  • O

The color property specifies the text color.

When you set this property with pseudo-classes for the A element, the text color can be specified in the four different states of the link.


a:link { color: blue; }
a:visited { color: #8080ff; }
a:hover { color: #ffff00; }
a:active { color: red; }
Property Value Explanation
color color code or name the color of the text

Pseudo-classes

  • a:link { color: blue; } : Non-visited link color. (The first sets)
  • a:visited { color: #8080ff; } : Visited link color. (The second sets)
  • a:hover { color: #ffff00; } : Hover link color. (The third sets)
  • a:active { color: red; } : Active link color. (The fourth sets)

Example


<html>
<head>
<title>TAG index</title>

<style type="text/css">

a:link { color: #0000ff; }
a:visited { color: #0000a0; }
a:hover { color: #ff0000; }
a:active { color: #ff8000; }

</style>

</head>
<body>

<p><a href="index.html">Link Styles</a></p>

</body>
</html>
Output

Link Styles