HTML实战案例素材1:制作树形菜单页⾯实战案例素材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>