HTML 中的 ul(无序列表)用于创建项目列表,而 li(列表项)表示列表中的各个项目。使用方法如下:创建无序列表:项目设置列表样式:通过 CSS 样式,例如修改标记类型、内边距和间距使用嵌套列表:项目子项目

HTML 中 ul 和 li 的使用方法
什么是 ul 和 li?
- ul(无序列表):用于创建项目列表,各个项目之间没有特定的顺序。
- li(列表项):表示无序列表中的各个项目。
如何使用 ul 和 li?
创建一个无序列表:
立即学习“前端免费学习笔记(深入)”;
添加列表项:
- 项目 1
- 项目 2
- 项目 3
设置列表样式
可以通过 CSS 样式来设置无序列表的外观,例如:
ul {
list-style-type: none; /* 去除默认的圆点标记 */
padding: 0; /* 设置内边距为 0 */
}
li {
display: inline-block; /* 设置列表项为内联元素 */
margin-right: 10px; /* 设置列表项之间的间距 */
}使用嵌套列表
可以使用嵌套列表来创建多级列表:
- 项目 1
- 子项目 1
- 子项目 2
- 项目 2











