我是这样子写的、可以参考一下

来源:3-14 编程练习

坏孩子_

2019-02-15 21:25

.topList{

    width:300px;

    height:180px;

    border:1px solid #E8E8E8;

    margin:0 auto;

}

.topList ul{

    list-style-type:none;

    padding:5px;

    font-size:12px;

    margin-top:-5px;

}

em{

    width:20px;

    height:16px;

    text-align:center;

    font-style:normal;

    color:#333;

    background:url(http://img.mukewang.com/53cf0fa20001d3dc00200032.jpg) no-repeat bottom center;

    display:block;

    float:left;

}

.top em{

    color:#FFF;

    background:url(http://img.mukewang.com/53cf0fa20001d3dc00200032.jpg) no-repeat top center;

}

.topList a:link,.topList a:visited{

    text-decoration: none;

    color: #888;

}

.topList a:hover,.topList a:active{

    text-decoration: none;

    color: #F00;

}


写回答 关注

1回答

  • 悠悠小憨
    2019-04-28 12:55:38

    为什么不设置margin-top:-5px;文字就偏离边框了?前面空出的几行咋产生的?

    Konky

    margin-top:-5px;可以改成margin-bottom:5px;吗,如果不可以是为什么呢

    2022-05-31 11:21:32

    共 1 条回复 >

企业网站综合布局实战

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

157042 学习 · 1984 问题

查看课程

相似问题