- HTML5+CSS3+JavaScript 从入门到项目实践(超值版)
- 聚慕课教育研发中心
- 171字
- 2025-02-18 09:35:23
7.6 实践案例——鼠标指针跟随的超链接样式

本节使用超链接的CSS 3伪类来设计超链接在不同阶段显示的效果。
本案例是通过超链接自身所带的CSS 3伪类来设计的,包括link、visied、hover、active等,一定要按这个顺序来设置,否则有些效果会不显示。
【例7-10】(实例文件:ch07\Chap7.10.html)鼠标跟随的链接样。

相关的代码实例请参考Chap7.10.html文件,在IE浏览器中运行的结果如图7-16所示。

图7-16 鼠标指针跟随的超链接样式