HTML基础2——综合案例2——复杂的嵌套列表
2024-08-30 22:23:03
<html> <head>
<title></title>
</head> <body>
<ul type="disc">
<li>太阳</li>
<li>月亮</li>
<li>地球</li>
<li style="list-style: none">
<ul type="circle">
<li>太阳</li>
<li style="list-style: none">
<ul type="square">
<li>太阳</li>
<li>月亮</li>
<li>地球</li>
</ul>
</li>
<li>月亮</li>
<li style="list-style: none">
<ul type="square">
<li>太阳</li>
<li>月亮</li>
<li>地球</li>
</ul>
</li>
<li>地球</li>
<li style="list-style: none">
<ul type="square">
<li>太阳</li>
<li>月亮</li>
<li>地球</li>
</ul>
</li>
</ul>
</li>
</ul>
</body>
</html>
实现效果如下：
- 太阳
- 月亮
- 地球
- 太阳
- 太阳
- 月亮
- 地球
- 月亮
- 太阳
- 月亮
- 地球
- 地球
- 太阳
- 月亮
- 地球
最新文章
- 使用OAuth打造webapi认证服务供自己的客户端使用（二）
- 【BZOJ-1976】能量魔方Cube 最小割 + 黑白染色
- 倒计时,js
- SVN命令使用详解
- 为SQL Server 增加链接到SQL Server 的链接服务器
- javascript实现数据结构：广义表
- 微信小程序，前端大梦想（七）
- 是什么优化让 .NET Core 性能飙升？
- 学习笔记TF032:实现Google Inception Net
- 典型分布式系统分析之MapReduce
- cadence分列元件原理图库的设计
- 部署redis4.0-cluster
- Android中自定义Preference
- webstorm更改scss输出路径
- 876. Middle of the Linked List
- SpringMvc 使用Thumbnails压缩图片
- [洛谷 P2709] 小B的询问
- python自定义mininet拓扑
- android 桌面小工具（Widget）开发教程
- （二）github的价值意义篇