如何为访问/未访问链接添加不同的颜色

实例解析：

链接的样式，可以用任何CSS属性（如color，font，background等）来设置。

特别的链接，可以有不同的样式，这取决于他们是什么状态。

这四个链接状态是：

　●　a:link - 正常，未访问过的链接

　●　a:visited - 用户已访问过的链接

　●　a:hover - 当用户鼠标放在链接上时

　●　a:active - 链接被点击的那一刻

注：严格按顺序，a:hover 必须在 a:link 和 a:visited 之后， a:active 必须在 a:hover 之后。

继续学习

新建文件

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <style> a:link {color:#000000;} /* 未访问链接*/ a:visited {color:#00FF00;} /* 已访问链接 */ a:hover {color:#FF00FF;} /* 鼠标移动到链接上 */ a:active {color:#0000FF;} /* 鼠标点击时 */ </style> </head> <body> <a href="#">这是一个链接</a> 注意： a:hover 必须在 a:link 和 a:visited 之后，需要严格按顺序才能看到效果。 注意： a:active 必须在 a:hover 之后。 </body> </html>

提交重置代码

自动运行