锚伪类:
a:link {color: #ff000} /*未访问的链接*/
a:visited {color: #ff000} /*已访问的链接*/
a:hover {color: #ff000} /*鼠标移动到链接上*/
a:active {color: #ff000} /*选定的链接*/
body 部分代码如下:
<body>
<a href="#">世纪佳缘</a>
</body>
1.设置鼠标移动到字样上颜色为黄
a:hover{
color: yellow;
}
2.设置鼠标点击颜色为紫
a:active{
color: darkorchid;
}
3.设置未访问字样颜色为绿
a:link{
color: green;
}
4.设置已经访问字样颜色为黑
a:visited{
color: black;
}
但由于字体本来带有自定义颜色,一般无需再设置访问前颜色。设置访问之后的字体颜色需要注意与鼠标悬浮和鼠标点击样式之间的顺序,否则可能出现一直停留在已访问效果。