求这种CSS链接特效

来源:百度知道 编辑:UC知道 时间:2024/05/09 20:06:42
http://www.baidu.com/
鼠标放上去文字旁边也成为链接感应区,求这种代码

<style>body{font-family:宋体}img{border:0}td,p{font-size:12px}p{width:600px;margin:0;padding:0}.ff{font-family:Verdana;font-size:16px}
#n{margin:0px auto;font-size:12px;padding:0px;border-bottom:1px solid #00c;BACKGROUND:#eee;width:600px;height:18px}
#n li{float:left;display:block;margin:0px;padding:0px;width:67px}
#n li a{display:block;text-decoration:none;padding:4px 0px 0px 0px;margin:0px;width:100%}
#n li a:hover{text-decoration:underline;background:#FFF;padding:4px 0px 0px 0px;margin:0px}
#n li#h{width:56px;height:18px}#n li#m{width:85px;height:18px}
#n .w{background:#00C;color:#FFF;padding:4px 0px 0px 0px;margin:0px;font-weight:bold}
#b {width:600px;height:30px;padding-top:4px;color:#77c;font-size:12px}#b a{color:#77c;font-size:12px}</style><script>
function h(obj,url){obj.style.behavior='url(#default#homepage)';obj.setHomePage(url);}</script>

你可以使用display:block; 语句,通过该语句,超链接被设置成了块元素,当鼠标进入该快的任何部分时都会被激活