<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<style type="text/css">
div/*基层div+第一张图*/
{
width:25px;
height:25px;
background-image:url("imgs/icon.gif");
}
.one/*第二张图*/
{
background-position:-42px 0px;
}
.two/*第三张图*/
{
background-position:-86px 0px;
}
.three/*第四张图*/
{
background-position:-127px 0px;
}
li
{
list-style:none;
float:left;
}
a
{
text-decoration:none;
}
</style>
</head>
<body>
<ul>
<li><div></div></li>
<li><a href="#"> 购物车</a></li>
<li><div class="one"></div></li>
<li><a href="#"> 帮助中心</a></li>
<li><div class="two"></div></li>
<li><a href="#"> 加入收藏</a></li>
<li><div class="three"></div></li>
<li><a href="#"> 设为首页</a></li>
</ul>
</body>
</html>
转载于:https://my.oschina.net/u/3959907/blog/2469205