HTML <ul> 标签
更多“自己尝试”的例子见下文。
定义和用法
<ul> 标签定义一个无序（项目符号）列表。
将 <ul> 标签与 <li> 标签结合使用，以创建无序列表。
提示：使用 CSS 样式列表。
提示： 对于有序列表，请使用 <ol> 标签。
浏览器支持
| 元素 | |||||
|---|---|---|---|---|---|
| <ul> | 是 | 是 | 是 | 是 | 是 |
全局属性
<ul> 标签还支持 HTML 中的全局属性。
事件属性
<ul> 标签还支持 HTML 中的事件属性。
更多示例
示例
设置不同的列表样式类型（使用 CSS）
<ul style="list-style-type:circle">
<li>咖啡</li>
<li>茶</li>
<li>牛奶</li>
</ul>
<ul style="list-style-type:disc">
<li>咖啡</li>
<li>茶</li>
<li>牛奶</li>
</ul>
<ul style="list-style-type:square">
<li>咖啡</li>
<li>茶</li>
<li>牛奶</li>
</ul>
自己动手试一试 »
示例
在列表中展开和减小行高（使用 CSS）
<ul style="line-height:180%">
<li>咖啡</li>
<li>茶</li>
<li>牛奶</li>
</ul>
<ul style="line-height:80%">
<li>咖啡</li>
<li>茶</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 参考：Ul 对象
CSS 教程：样式列表
默认 CSS 设置
大多数浏览器将 <ul> 元素显示为以下默认值
示例
ul {
display: block;
list-style-type: disc;
margin-top: 1em;
margin-bottom: 1 em;
margin-left: 0;
margin-right: 0;
padding-left: 40px;
}
自己动手试一试 »
