是我的代码有问题么？为什么做出来的效果跟老师演示的不一样呀？
eblis
2015-11-02 23:16
<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>
1回答
-
- 北冥游鱼
- 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;}
得这么写
CSS Sprite雪碧图应用
47101 学习 · 228 问题
相似问题