下一站永远 发表于 2012-12-22 20:45:24

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>
页: [1]
查看完整版本: HTML5实践 -