本文介绍CSS中<a>标签的四种状态（link、visited、hover、active）及其应用技巧。为使样式生效，需遵循特定顺序：a:hover须位于a:link与a:visited之后，a:active则须紧随a:hover之后。通过实例展示了如何为不同状态的链接设置背景颜色、字体等样式。
首先<a>标签有四种状态，分别为：
- a:link - 普通的、未被访问的链接
- a:visited - 用户已访问的链接
- a:hover - 鼠标指针位于链接的上方
- a:active - 链接被点击的时刻
为了使样式生效，需要注意：
a:hover 必须位于 a:link 和 a:visited 之后
a:active 必须位于 a:hover 之后
这样，<a>可以使用文本样式来修改比如：
a:link {background:#B2FF99;color:red;} /* 未被访问的链接 */
a:visited {background:#FFFF85;font-family:color:gray;} /* 已被访问的链接 */
a:hover {background:#FF704D;text-transform:uppercase;} /* 鼠标指针移动到链接上 */
a:active {background:#FF704D;} /* 正在被点击的链接 */
扫一扫
7万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
