主题:  求教有关CSS的问题

my3b

职务:普通成员
等级:1
金币:0.0
发贴:3
注册:2004/4/5 17:29:13
#12004/4/5 17:39:39
<html>
<head>
<title>无标题文档</title>
<style type="text/css">
<!--
a:link {font-size:9pt;color:#0000ff;text-decoration:none}
a:hover {font-size:9pt;color:#990000;text-decoration:underline}
-->
</style>
</head>

<body>
<a href="index.asp">中国人</a>
</body>
</html>

上面的CSS中将a:Link设为9pt、字体颜色为#000000、无下划线,将a:Hover设为9pt、颜色为#990000、有下划线,按照这样的设定,正确的显示情况应该是运行此页时,带有超链接的文字字体颜色为黑色,字体大小为9pt,无下划线,当将鼠标放在超链接上时字体颜色变为#990000并带下划线,但我运行此页时,字体颜色并未变,但将鼠标放到超链接上时却是实现了改变字体颜色及带下划线的效果,这里的问题就是a:link这条并未起作用,大家都知道,a:Link 代表超级链接的正常状态,没有任何动作的时候,我这里已经将超级链接的正常状态设为(a:link {font-size:9pt;color:#000000;text-decoration:none})了,但并未起到应有的作用,这是为何?是哪里写错了呢?正确的写法应该怎么写?望哪位指点一二,谢谢。



未来的大师

职务:普通成员
等级:2
金币:1.0
发贴:550
注册:2002/7/30 21:11:58
#22004/4/5 18:55:15
没错



彩云传说

职务:普通成员
等级:2
金币:10.0
发贴:618
注册:2001/5/27 21:26:20
#32004/4/6 3:55:22
在编写CSS的链接样式时,请注意语句要完全,不仅要编写默认(LINK)的样式,同时也要编写已经访问过(VISITED)以及悬停(HOVER)和活动(ACTIVE)的样式。这样才能达到你所想要的效果。同时注意以上四项的排列顺序
a:link {font-size:9pt;color:#000000;text-decoration:none}
a:visited {font-size:9pt;color:#000000;text-decoration:none}
a:hover {font-size:9pt;color:#990000;text-decoration:underline}
a:active {font-size:9pt;color:#000000;text-decoration:none}


[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]