楼主想要的应该是这种效果吧
HTML代码如下:
<div id="layer1">
<ul id="list1">
<li><img src="02_1s.jpg" width="100" height="75" /></li>
<li><img src="02_2s.jpg" width="100" height="75" /></li>
<li><img src="02_3s.jpg" width="100" height="75" /></li>
<li><img src="02_4s.jpg" width="100" height="75" /></li>
</ul>
</div>
CSS代码如下:
<style type="text/css">
#layer1 {
background-image: url(102.jpg);
height: 333px;
width: 500px;
}
#list1 li {
margin: 10px;
float: left;
list-style-type: none;
}
</style>
看不明白的话还有做好的附件