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>
範例程式如下
<!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>
留言
張貼留言