ul、li列表簡單實用程式碼例項

admin發表於2017-02-13
利用ul和li可以實現列表效果，下面就是一個簡單的演示。

程式碼如下:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
</head>
<body>
<ul>
  <li>前端專區
    <ul>
      <li>js教程</li>
      <li>css教程</li>
      <li>jquery教程</li>
    </ul>
  </li>
  <li>資源專區
    <ul>
      <li>特效下載</li>
      <li>移動下載</li>
      <li>pc下載</li>
    </ul>
  </li>
  <li>交流專區
  <ul>
    <li>搜尋優化</li>
    <li>seo專區</li>
    <li>站長交流</li>
  </ul>
  </li>
</ul>
</body>
</html>

相關文章