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)
<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>