icon不显示(图片路径没问题)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Examples</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="" rel="stylesheet">
<style>
*{
margin:0;
padding:0;
}
div{
width:150px;
border:1px solid #ddd;
background-color:#F8F8F8;
}
ul{
padding:0 10px;
list-style:none;
}
ul li{
display:block;
height:31px;
line-height:31px;
border-bottom:1px solid #ddd;
text-align:center;
padding:5px 8px;
}
li h3{
font-size:14px;
font-weight: 400;
}
li i{
background: url(img/sp.png) no-repeat;
display:inline-block;
float:left;
height:24px;
width:30px;
}
li.cate-1 i{background-position:0 0;}
</style>
</head>
<body>
<div class="category">
<ul class="under-cate">
<li class="cate-1">
<i></i>
<h3>服装内衣</h3>
</li>
<li class="cate-2">
<i></i>
<h3>鞋包配饰</h3>
</li>
<li class="cate-3">
<i></i>
<h3>户外运动</h3>
</li>
<li class="cate-4">
<i></i>
<h3>珠宝手表</h3>
</li>
<li class="cate-5">
<i></i>
<h3>手机数码</h3>
</li>
<li class="cate-6">
<i></i>
<h3>家电办公</h3>
</li>
<li class="cate-7">
<i></i>
<h3>护肤彩妆</h3>
</li>
<li class="cate-8">
<i></i>
<h3>母婴用品</h3>
</li>
</ul>
</div>
</body>
</html>
