ul 标签表示无序列表,其中 li 标签代表列表中的单个项目元素,用于创建项目符号或数字列表,文本或内容被包裹在 li 标签内。

ul 和 li 标签的作用
ul 标签
- 表示无序列表
- 用于创建项目符号或数字列表
- 每项列表元素用 li 标签包裹
li 标签
- 表示无序列表中的单个列表项
- 包含列表项的文本或内容
具体用法
立即学习“前端免费学习笔记(深入)”;
要创建一个无序列表,您需要使用以下 HTML 代码:
<code class="html"><ul> <li>列表项 1</li> <li>列表项 2</li> <li>列表项 3</li> </ul></code>
这将产生以下列表:
- 列表项 1
- 列表项 2
- 列表项 3
样式化
可以使用 CSS 对无序列表进行样式化,以更改项目符号、字体和背景颜色等元素。例如:
<code class="css">ul {
list-style-type: square;
font-size: 1.2rem;
background-color: #f5f5f5;
}</code>用途
无序列表通常用于表示:
- 列表中项目之间的顺序无关
- 步骤列表
- 特征或优势列表
- 菜单或导航项列表











