问答详情
源自:3-3 CSS Sprite 应用

是我的代码有问题么?为什么做出来的效果跟老师演示的不一样呀?

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>静态页面的实现</title>

<style type="text/css">

h3 ul {margin: 0;padding: 0;}

ul{list-style: none;}

li h3{font-size: 14px;font-weight: 400}

li{display: block;height: 31px;line-height: 31px;overflow:hidden;border-bottom: 1px solid #dedede}

li i{background: url(sidebar.png);display: inline;width: 30px;height: 24px;float: left;margin: 30px 10px 0 0;}

.cat{width: 150px;background: #f8f8f8;border: 1px

solid #bbb;}

.cat1 i{background-position: 0 0;}

.cat2 i{background-position: 0 -24px;}

</style>


提问者:eblis 2015-11-02 23:16

个回答

  • 北冥游鱼
    2015-11-04 15:10:05
    已采纳

    h3,ul,li{margin: 0;padding: 0;}

    ul{list-style: none;}

    li h3{font-size: 14px;font-weight: 400}

    li{display: block;height: 31px;line-height: 31px;overflow:hidden;border-bottom: 1px solid #dedede}

    li i{background: url(img/sidebar.png);display: inline;width: 30px;height: 24px;float: left;margin: 5px 5px 0 5px;}

    .cat{width: 150px;background: #f8f8f8;border: 1px solid #bbb;}

    .chart-1 i{background-position: 0 0;}

    .chart-2 i{background-position: 0 -24px;}

    得这么写