先来看一下效果:
代码部分:
html:
<div id="container">
<div id="list">
<ul>
<li class="red"><a href="#">国际大牌</a><span>|</span></li>
<li><a href="#">国装品牌</a><span>|</span></li>
<li><a href="#">清洁用品</a><span>|</span></li>
<li><a href="#">男士精品</a></li>
</ul>
</div>
<div id="goods">
<ul>
<li><img src="imgs/1.jpg" alt="" width="800px" height="400px"><a href=""></a></li>
<li><img src="imgs/2.jpg" alt="" width="800px" height="400px"></li>
<li><img src="imgs/3.jpg" alt="" width="800px" height="400px"></li>
<li><img src="imgs/4.jpg" alt="" width="800px"