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

关于上下间距的问题。

https://img1.sycdn.imooc.com//5b6abb4b0001b7f404390251.jpg

我想问问同学们,为什么从来没改过上下,但是上下会差很多呢?已经用background方式检查过是topList和ul之间差很多。(源代码见评论区第一条)

正在回答

4 回答

ul给的有padding值

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

志远呀 提问者

谢谢!已经发现需要将默认的padding设置为0。
2018-08-13 回复 有任何疑惑可以回复我~

ul{

    list-style-type:none; 

    padding:0px 5px 5px 5px;

    font-size:12px;

}

这样写就没问题了

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

我的也是这问题啊https://img1.sycdn.imooc.com//5b6cf90a0001324104170224.jpg

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

<style type="text/css">
.topList{
width:300px;
height:180px;
border:1px solid #E8E8E8;
margin:0 auto;
}
ul{
list-style-type:none;
padding:5px;
font-size:12px;
}
em{
width:20px;
height:16px;
font-style:normal;
font-weight:bold;
text-align:center;
display:block;
float:left;
}
.top em{
color:white;
background:url("http://img1.sycdn.imooc.com//53cf0fa20001d3dc00200032.jpg");
background-position:16px 0;
}
.top_others em{
color:#333;
background:url("http://img1.sycdn.imooc.com//53cf0fa20001d3dc00200032.jpg");
background-position:0 16px;
}
a:visited,a:link{
color:#090909;
text-decoration:none;
}
a:hover,a:active{
color:white;
background:#BE3948;
text-decoration:none;
padding:4px 2px;
}
</style>

【其中top_others是4、5、6三个li的属性。】

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

举报

0/150
提交
取消
企业网站综合布局实战
  • 参与学习       157043    人
  • 解答问题       1984    个

本课程重点介绍HTML/CSS实现常见企业网站布局的方法

进入课程

关于上下间距的问题。

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信