如何为访问/未访问链接添加不同... 登录

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

实例解析:

链接的样式,可以用任何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> <p><b><a href="#">这是一个链接</a></b></p> <p><b>注意:</b> a:hover 必须在 a:link 和 a:visited 之后,需要严格按顺序才能看到效果。</p> <p><b>注意:</b> a:active 必须在 a:hover 之后。</p> </body> </html>
提交 重置代码
章节 评论 笔记 课件
  • 取消 回复 发送
  • 取消 发布笔记 发送