关于上下间距的问题。

来源:3-14 编程练习

志远呀

2018-08-08 17:45

https://img1.mukewang.com/5b6abb4b0001b7f404390251.jpg

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

写回答 关注

4回答

  • 慕侠849898
    2018-08-13 19:24:44
    已采纳

    ul给的有padding值

    志远呀

    谢谢!已经发现需要将默认的padding设置为0。

    2018-08-13 19:42:36

    共 1 条回复 >

  • qq_七瞒_eoxANQ
    2018-11-22 11:35:20

    ul{

        list-style-type:none; 

        padding:0px 5px 5px 5px;

        font-size:12px;

    }

    这样写就没问题了

  • 慕慕4192296
    2018-08-10 10:31:46

    我的也是这问题啊https://img3.mukewang.com/5b6cf90a0001324104170224.jpg

  • 志远呀
    2018-08-08 17:47:14

    <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://img.mukewang.com/53cf0fa20001d3dc00200032.jpg");
    background-position:16px 0;
    }
    .top_others em{
    color:#333;
    background:url("http://img.mukewang.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的属性。】

企业网站综合布局实战

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

157042 学习 · 1984 问题

查看课程

相似问题