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

那个(首页)为什么没有显示效果呢????

那个(首页)为什么没有显示效果呢????

小黄峰 2016-06-01 20:38:10
<html><head>     <title>高度伸缩</title> <style type="text/css"> * {margin:0px; padding:0px; list-style-type:none; font-size:14px; } .nav {border-bottom:5px solid red;} .nav ul{ height:30px; margin-top:30px; padding-left:30px;} .nav ul li a{ width:120px; height:30px; line-height:30px; text-decoration:none; background-color:#999; display:block; float:left; text-align:center; } .on,.nav ul li a:hover{ color:white; background-color:red; height:40px; margin-top:-10px; line-height:40px; } </style></head><body>     <div class="nav"> <ul>  <li>  <a class="on" href="#">首页</a>  <a href="#">问题</a>  <a href="#">芝士蛋糕</a>  <a href="#">电信股份</a>  </li> </ul>   </div>  </body></html>这不是我想要的答案(这是得出来的结果!)这才是我想要的答案!!!
查看完整描述

2 回答

已采纳
?
煎蛋的少年

TA贡献6条经验 获得超1个赞

nav ul li .on,.nav ul li a:hover{ color:white; background-color:red; height:40px; margin-top:-10px;

line-height:40px;

.on  改成  nav ul li .on  。难道说“ul”标签下,不能直接识别这个class=“on”?还是是优先值没有a标签高?我也不是很懂。

查看完整回答
1 反对 回复 2016-06-01
?
一杯2块的奶茶

TA贡献226条经验 获得超75个赞

你给.on写了margin-top:-10px;肯定会向上偏移10px

查看完整回答
反对 回复 2016-06-02
  • 小黄峰
    小黄峰
    同时,我也给了背景颜色啊,那为什么也没有呢?
  • 2 回答
  • 0 关注
  • 1223 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信