HTML 中的 ul（无序列表）用于创建项目列表，而 li（列表项）表示列表中的各个项目。使用方法如下：创建无序列表：<ul><li>项目</li></ul>设置列表样式：通过 CSS 样式，例如修改标记类型、内边距和间距使用嵌套列表：<ul><li>项目<ul><li>子项目</li></ul></li></ul>
HTML 中 ul 和 li 的使用方法
什么是 ul 和 li？
如何使用 ul 和 li？
创建一个无序列表：
立即学习“前端免费学习笔记（深入）”；
<code class="html"><ul> <!-- 无序列表中的项目 --> </ul></code>
添加列表项：
<code class="html"><ul> <li>项目 1</li> <li>项目 2</li> <li>项目 3</li> </ul></code>
设置列表样式
可以通过 CSS 样式来设置无序列表的外观，例如：
<code class="css">ul {
list-style-type: none; /* 去除默认的圆点标记 */
padding: 0; /* 设置内边距为 0 */
}
li {
display: inline-block; /* 设置列表项为内联元素 */
margin-right: 10px; /* 设置列表项之间的间距 */
}</code>使用嵌套列表
可以使用嵌套列表来创建多级列表：
<code class="html"><ul>
<li>项目 1
<ul>
<li>子项目 1</li>
<li>子项目 2</li>
</ul>
</li>
<li>项目 2</li>
</ul></code>以上就是html中ul和li怎么用的详细内容，更多请关注php中文网其它相关文章！
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
广告Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
523
收藏
