本页面由 Flash 保存计划 从 Internet Archive 存档还原 · 快照 2006-07-08 · 原址 http://www.flash8.net/teach/3992.htm ← Flash 保存计划

怎样定义链接在不同状态下的样式

作者:闪吧   类型:原创   来源:闪吧

  怎样定义链接在不同状态下的样式
解决思路
链接有四种状态:未访问、鼠标悬停、激活、已访问,分别对应着a对象在CSS里的四个伪类:
:link、:hover、:active、:visited
    因此,要设置链接在不同状态下的样式,只需定义上面四个伪类就行了。
具体步骤
代码示例:

<style>
a:link{color:black}
a:visited{color:red}
a:hover{color:green}
a:active{color:blue}
</style>
<a href="http://www.flash8.net">闪吧</a>

注意:
l         四个伪类在CSS里定义的顺序必须和本例一致,否则会达不到你想要的效果。
l         当A对象(链接)中没有href属性时,四个伪类中所定义的效果将不起作用。
 提示:可以只定义部分伪类,一般情况下不需要定义:active。
特别提示
代码运行后,链接文字为黑色,鼠标悬停时为绿色,鼠标按下或链接聚焦时为蓝色,链接访问后是红色,图2.2.4为鼠标悬停时的链接状态效果。

图2.2.4 鼠标悬停时的链接状态

特别说明


本例主要介绍了链接对象A的四个状态对应的伪类。各伪类说明如下:
:link 设置对象未被访问前的样式。
:visited 设置对象已被访问后的样式。
:hover 设置对象在鼠标移上(悬停)时的样式。
:active 设置对象被激活(focus)时的样式。
   责任编辑:kissall    时间:2005年8月29日

正在加载评论...