HTML <li> 标签
示例
一个有序 (<ol>) 和一个无序 (<ul>) HTML 列表
<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> | 是 | 是 | 是 | 是 | 是 |
属性
| 属性 | 值 | 描述 |
|---|---|---|
| 值 | 数字 | 仅适用于 <ol> 列表。指定列表项的起始值。后续列表项将从该数字递增 |
全局属性
该 <li> 标签还支持 HTML 中的全局属性.
事件属性
该 <li> 标签还支持 HTML 中的事件属性.
更多示例
示例
在有序列表中使用 value 属性
<ol>
<li value="100">咖啡</li>
<li>茶</li>
<li>牛奶</li>
<li>水</li>
<li>果汁</li>
<li>啤酒</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;
}
