实战案例素材1:制作树形菜单页面
一、完整的页面效果图
二、文本素材
我的电脑文件列表
我的电脑
本地磁盘(C:)
我的文档
我的收藏
本地磁盘(D:)
我的游戏
我的资料
我的电影
三、代码展示
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>树形菜单</title>
</head>
<body>
<h4>我的电脑文件列表</h4>
<ul type="disc">
<li>我的电脑
<ul type="square">
<li>本地磁盘(C:)
<ul type="circle">
<li>我的文档</li>
<li>我的收藏</li>
</ul>
</li>
<li>本地磁盘(D:)
<ul type="square">
<li>我的游戏</li>
<li>我的资料</li>
<li>我的电影</li>
</ul>
</li>
</ul>
</li>
</ul>
</body>
</html>