HTML <li> 标签
示例
一个有序列表（<ol>）和一个无序列表（<ul>）
<ol>
<li>咖啡</li>
<li>茶</li>
<li>牛奶</li>
</ol>
<ul>
<li>咖啡</li>
<li>茶</li>
<li>牛奶</li>
</ul>
自己动手试一试 »
更多“自己尝试”的例子见下文。
定义和用法
<li> 标签定义一个列表项。
<li> 标签用于有序列表（<ol>）、无序列表（<ul>）和菜单列表（<menu>）中。
在 <ul> 和 <menu> 中，列表项通常会显示为项目符号。
在 <ol> 中，列表项通常会显示为数字或字母。
提示：使用 CSS 样式列表。
浏览器支持
| 元素 | |||||
|---|---|---|---|---|---|
| <li> | 是 | 是 | 是 | 是 | 是 |
属性
| Attribute | 值 | 描述 |
|---|---|---|
| value | 数字 | 仅用于 <ol> 列表。 指定列表项的起始值。后续列表项将从该数字递增 |
全局属性
<li> 标签还支持 HTML 中的全局属性。
事件属性
<li> 标签还支持 HTML 中的事件属性。
更多示例
示例
在有序列表中使用 value 属性
<ol>
<li value="100">Coffee</li>
<li>茶</li>
<li>牛奶</li>
<li>Water</li>
<li>Juice</li>
<li>Beer</li>
</ol>
自己动手试一试 »
示例
设置不同的列表样式类型（使用 CSS）
<ol>
<li>咖啡</li>
<li style="list-style-type:lower-alpha">茶</li>
<li>牛奶</li>
</ol>
<ul>
<li>咖啡</li>
<li style="list-style-type:square">茶</li>
<li>牛奶</li>
</ul>
自己动手试一试 »
示例
创建嵌套列表（一个列表中的列表）
<ul>
<li>咖啡</li>
<li>茶
<ul>
<li>红茶</li>
<li>绿茶</li>
</ul>
</li>
<li>牛奶</li>
</ul>
自己动手试一试 »
示例
创建更复杂的嵌套列表
<ul>
<li>咖啡</li>
<li>茶
<ul>
<li>红茶</li>
<li>绿茶
<ul>
<li>中国</li>
<li>非洲</li>
</ul>
</li>
</ul>
</li>
<li>牛奶</li>
</ul>
自己动手试一试 »
相关页面
HTML 教程：HTML 列表
HTML DOM 参考： Li 对象
CSS 教程：样式列表
默认 CSS 设置
大多数浏览器会显示 <li> 元素，并带有以下默认值
li {
display: list-item;
}
