使用div和css实现

HTML

标签
定义和用法

可定义文档中的分区或节（division/section）。

标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。

如果用 id 或 class 来标记

，那么该标签的作用会变得更加有效。

用法

是一个块级元素。这意味着它的内容自动地开始一个新行。实际上，换行是

固有的唯一格式表现。可以通过

的 class 或 id 应用额外的样式。

不必为每一个

都加上类或 id，虽然这样做也有一定的好处。

可以对同一个

元素应用 class 或 id 属性，但是更常见的情况是只应用其中一种。这两者的主要差异是，class 用于元素组（类似的元素，或者可以理解为某一类元素），而 id 用于标识单独的唯一的元素。<

• 标签
  • 标签定义无序列表。

<li>
     <a href="">PORTFOLLIO</a>
     <ul class="Home_ul">
      <li><a href="">Classic</a>
       <ul class="servies_ul">
       <li><a href="">4 Columns</a></li>
       <li><a href="">3 Columns</a></li>
       <li><a href="">2 Columns</a></li>
       </ul>
      </li>
      <li><a href="">Fullwidth</a>
       <ul class="servies_ul">
       <li><a href="">5 Columns</a></li>
       <li><a href="">4 Columns</a></li>
       <li><a href="">3 Columns</a></li>
       <li><a href="">2 Columns</a></li>
       </ul>
      </li>
      <li><a href="">Masonry</a>
       <ul class="servies_ul">
       <li><a href="">5 Columns</a></li>
       <li><a href="">4 Columns</a></li>
       <li><a href="">3 Columns</a></li>
       <li><a href="">5 Columns</a></li>
       </ul>
      </li>
      <li><a href="">With Title</a>
       <ul class="servies_ul">
       <li><a href="">5 Columns</a></li>
       <li><a href="">4 Columns</a></li>
       <li><a href="">3 Columns</a></li>
       <li><a href="">2 Columns</a></li>
       </ul>
      </li>