HTML5实践 -

下一站永远

<div id="cnblogs_post_body">　　转载请注明原创地址：http://www.cnblogs.com/softlover/archive/2012/11/20/2779893.html

　　在上一讲中，我们的解决方案使用到了jquery去创建一个span标签。在这一讲中我们将用一种更好的解决方式，使用:before 和 :after 伪类。:before经常会用到，他可以用来添加额外的元素。
　　demo预览地址：http://webdesignerwall.com/demo/decorative-gallery-2/

　　HTML

　　下面是一个ul列表代表的图片画廊。
<div class="cnblogs_code"><ul class="gallery clip">    <li>        <img src="http://webdesignerwall.com/wp-content/uploads/2012/09/sample-1.jpg" alt="image">    </li>    <li>        <img src="http://webdesignerwall.com/wp-content/uploads/2012/09/sample-2.jpg" alt="image">    </li>    <li>        <img src="http://webdesignerwall.com/wp-content/uploads/2012/09/sample-1.jpg" alt="image">    </li></ul>