<style>
.span1
{
cursor:pointer;
width:20px;
height:20px;
background:#B766AD;
text-align:center;
margin:2px;
border:1px solid #8F4586;
}
.span2
{
width:20px;
height:20px;
background:#EBD3E8;
text-align:center;
margin:2px;
border:1px solid #D2A2CC;
}
</style>
<div>
<ul style="list-style:none;">
<li><span class="span1">1</span> 1到3采用不同的图片显示</li>
<li><span class="span1">2</span> 1到3采用不同的图片显示</li>
<li><span class="span1">3</span> 1到3采用不同的图片显示</li>
<li><span class="span2">4</span> 1到3采用不同的图片显示</li>
<li><span class="span2">5</span> 1到3采用不同的图片显示</li>
<li><span class="span2">6</span> 1到3采用不同的图片显示</li>
<li><span class="span2">7</span> 1到3采用不同的图片显示</li>
<li><span class="span2">8</span> 1到3采用不同的图片显示</li>
<li><span class="span2">9</span> 1到3采用不同的图片显示</li>
<li><span class="span2">10</span> 1到3采用不同的图片显示</li>
</ul>
</div>
你想要这种效果??