<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<link rel="stylesheet" type="text/css" href="index.css">
</head>
<body>
<div class="content">
<ul>
<li id="1"><a href="#">酒水、饮料</a></li>
<li class="2"><a href="#">进口食品</a></li>
<li class="3"><a href="#">休闲零食</a></li>
<li class="4"><a href="#">地方特产</a></li>
<li class="5"><a href="#">保健、冲调</a></li>
<li class="6"><a href="#">粮油、生鲜</a></li>
<li class="7"><a href="#">美容洗护</a></li>
<li class="8"><a href="#">清洁洗涤</a></li>
<li class="9"><a href="#">母婴、纸品</a></li>
<li class="10"><a href="#">家居百货</a></li>
</ul>
</div>
</body>
</html>
@charset "utf-8";
/* CSS Document */
*{
margin:0px;
padding:0px;
}
.content{
margin:0px auto;
width:210px;
border-style:solid;
border-color:#f9982d;
border-width:2px;
}
ul{
list-style:none;
}
ul li{
line-height:45px;
border-bottom-style:dotted;
border-bottom-width:1px;
border-botton-color:#616161;
margin-left:10px;
margin-right:10px;
text-indent:2.5em;
}
ul li a{
text-decoration:none;
color:#060606;
font-weight:bolder;
}
ul li a:hover{
text-decoration:none;
color:#d8621c;}
#1{
background-image:url(%E5%9B%BE%E7%89%87%E7%B4%A0%E6%9D%90/icon_01.jpg);
background-repeat:no-repeat;
}
.2{
background-image:url(%E5%9B%BE%E7%89%87%E7%B4%A0%E6%9D%90/icon_02.jpg);
background-repeat:no-repeat;
background-position:
}
.3{
background-image:url(%E5%9B%BE%E7%89%87%E7%B4%A0%E6%9D%90/icon_03.jpg);
background-repeat:no-repeat;
background-position:
}
.4{
background-image:url(%E5%9B%BE%E7%89%87%E7%B4%A0%E6%9D%90/icon_04.jpg);
background-repeat:no-repeat;
background-position:
}
.5{
background-image:url(%E5%9B%BE%E7%89%87%E7%B4%A0%E6%9D%90/icon_05.jpg);
background-repeat:no-repeat;
background-position:
}
.6{
background-image:url(%E5%9B%BE%E7%89%87%E7%B4%A0%E6%9D%90/icon_06.jpg);
background-repeat:no-repeat;
background-position:
}
.7{
background-image:url(%E5%9B%BE%E7%89%87%E7%B4%A0%E6%9D%90/icon_07.jpg);
background-repeat:no-repeat;
background-position:
}
.8{
background-image:url(%E5%9B%BE%E7%89%87%E7%B4%A0%E6%9D%90/icon_08.jpg);
background-repeat:no-repeat;
background-position:
}
.9{
background-image:url(%E5%9B%BE%E7%89%87%E7%B4%A0%E6%9D%90/icon_09.jpg);
background-repeat:no-repeat;
background-position:
}
.10{
background-image:url(%E5%9B%BE%E7%89%87%E7%B4%A0%E6%9D%90/icon_10.jpg);
background-repeat:no-repeat;
background-position:
}
