（栅格部分）代码分析03

[zilongxuan001]

138

140

  <!-- Gallery Grid Section-->
  <section id="portfolio">
    <h2>Portfolio</h2>
    <hr class="star-dark"/>
    <ul class="grid">
      <li><img src="http://qlip.in/images/YMCA-Realtor-Donation-3.jpg" alt=""/></li>
      <li><img src="http://qlip.in/images/webcaballero.jpg" alt=""/></li>
      <li><img src="http://qlip.in/images/webmarqas.jpg" alt=""/></li>
      <li><img src="http://qlip.in/images/webbrandaxis.jpg" alt=""/></li>
      <li><img src="http://qlip.in/images/panacea1.jpg" alt=""/></li>
      <li><img src="http://qlip.in/images/webgatomalo.jpg" alt=""/></li>
    </ul>
  </section>

浏览器显示

[zilongxuan001]

代码框架如下

<section>
  <h2></h2>
  <hr>
  <ul>
      <li><img src="" alt=""></li>
      <li><img src="" alt=""></li>
      <li><img src="" alt=""></li>
      <li><img src="" alt=""></li>
  </ul>
</section>