css实现粉色背景块,效果如下:
css:
html:
</div></p>
<p> </li>
<li>
<div class="img">
<img src="http://localhost/bao/uploaded/i8/T1dDvoXmhfXXagOFbX_210x1000.jpg" width="210">
</div>
</li>
</ul>
<ul>
<li>
<div class="img">
<img src="http://localhost/bao/uploaded/i4/T1wR3dXgdfXXb1upjX_210x1000.jpg" width="210">
</div>
</li>
<li>
<div class="img">
<img src="http://localhost/bao/uploaded/i7/T11cPkXlJlXXagOFbX_210x1000.jpg" width="210">
</div>
</li>
</ul>
</div>
上面的方法只适合纵向布局并且背景是纯色或者可重复的背景图片。
横向布局可以把背景切成这么一张然后平铺(灰色为列之间的间距):
复杂的背景块无论纵向布局还是横向布局都需要嵌套,需求不同嵌套的位置也可不一样,在这就不举例了。
大家可以根据自己的需求想一下(*^__^*) ……