为了账号安全,请及时绑定邮箱和手机立即绑定

我的当鼠标经过时,颜色无变化?

<style>
*{
 margin:0;
 padding:0;
 }
 /*菜单基础 样式*/
.nav{
 font-size:14px;
 font-weight:bold;
 list-style:none;
 }
 /*一级菜单 样式*/
.nav li{
 float:left;
 margin-right:1px;
 }
 /*一级菜单 链接样式*/
.nav li a{
 line-height:34px;
 text-decoration:none;
 background:#3f240e;
 color:#fff;
 display:block;
 width:80px;
 text-align:center;
 }
 /*二级菜单 样式*/
.nav ul{
 list-style:none;
 display:none;
 padding:0;
 position:absolute;
 }
.nav li a:hover{
 background: #900;
 }
</style>
</head>

<body>
<ul class="nav">
    <li><a href="#">慕课网</a></li>
    <li><a href="#">课程大厅</a></li>
    <li><a href="#">学习中心</a>
       <ul>
         <li><a href="#">前端课程</a></li>
         <li><a href="#">手机开发</a></li>
         <li><a href="#">后台编程</a></li>
       </ul>
    </li>
    <li><a href="#">关于我们</a></li>
</ul>
</body>


正在回答

1 回答

.nav li a:hover{
 background: #900;
 }


你的书写错了,冒号是中文的,改成英文的冒号就可以了

0 回复 有任何疑惑可以回复我~
#1

小黄人快跑啊 提问者

多谢!赞赞!
2017-08-11 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
形形色色的下拉菜单
  • 参与学习       106929    人
  • 解答问题       563    个

本教程从易到难,循循渐进,运用不同技术实现动态下拉菜单

进入课程

我的当鼠标经过时,颜色无变化?

我要回答 关注问题
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号