2015年12月19日 星期六

HTML5 - ul li 兩層的列表

利用 ul li 可以讓文字排版成兩層的列表
範例程式如下
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf8">
<title>Sample</title>
</head>
<body>
<h4>巢狀兩層的列表:</h4>
<ul>
  <li>唐詩</li>
  <li>宋詞
    <ul>
      <li>李清照
         <ul>
          <li>如夢令</li>
          <li>菩薩蠻</li>
         </ul>
      </li>
      <li>歐陽修</li>
    </ul>
  </li>
  <li>元曲</li>
</ul>
</body>
</html>

沒有留言:

張貼留言