导航栏的第一项的默认交互的语句是这样吗？
导航栏的第一项的默认交互的语句是这样吗？
.on, a:hover{color:#fff;background-position: 0 -30px;}
为什么，实现不了，请问哪里出错了？新手求教
张小杰123
2015-07-16
2 回答
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>圆角菜单的制作</title>
<style type="text/css">
dy{margin:0;padding:0;font-size:14px;}
/*清除原点*/
ul{list-style:none;height:50px;border-bottom:5px solid #F60;padding-left: 30px}
li{float:left;margin-top:20px;}
a{text-decoration:none;display:block;height:30px;line-height:30px;width:120px;background:#9CF;margin-bottom:1px;text-align: center;background:url(file:///D|/images/btnBg.png)}
/*a标签设置为块状元素之后，我们就可以对他进行hover的设置了*/
/*这是在鼠标经过的时后显示的一些样式*/
.on, a:hover{color:#fff;background-position: 0 -30px;}
</style>
</head>
<body>
<ul>
<li><a clsss="on" href="#">茹鹏锟</a></li>
<li><a href="#">茹鹏锟</a></li>
<li><a href="#">茹鹏锟</a></li>
<li><a href="#">茹鹏锟</a></li>
<li><a href="#">茹鹏锟</a></li>
</body>
</html>
举报
0/150
提交
取消
