首页 > 代码库 > HTML基础2——综合案例2——复杂的嵌套列表
HTML基础2——综合案例2——复杂的嵌套列表
1 <html> 2 3 <head> 4 <title></title> 5 </head> 6 7 <body> 8 <ul type="disc"> 9 <li>太阳</li> 10 <li>月亮</li> 11 <li>地球</li> 12 <li style="list-style: none"> 13 <ul type="circle"> 14 <li>太阳</li> 15 <li style="list-style: none"> 16 <ul type="square"> 17 <li>太阳</li> 18 <li>月亮</li> 19 <li>地球</li> 20 </ul> 21 </li> 22 <li>月亮</li> 23 <li style="list-style: none"> 24 <ul type="square"> 25 <li>太阳</li> 26 <li>月亮</li> 27 <li>地球</li> 28 </ul> 29 </li> 30 <li>地球</li> 31 <li style="list-style: none"> 32 <ul type="square"> 33 <li>太阳</li> 34 <li>月亮</li> 35 <li>地球</li> 36 </ul> 37 </li> 38 </ul> 39 </li> 40 </ul> 41 </body> 42 </html>
实现效果如下：
- 太阳
- 月亮
- 地球
-
- 太阳
-
- 太阳
- 月亮
- 地球
- 月亮
-
- 太阳
- 月亮
- 地球
- 地球
-
- 太阳
- 月亮
- 地球
HTML基础2——综合案例2——复杂的嵌套列表
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。