W3C中文教程
全球最大最新的中文 Web 技术教程
HTML CSS SQL PHP COLORS MYSQL BOOTSTRAP
 

HTML <ul> 标签


Example

一个无序 HTML 列表:

<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>
尝试一下 »

定义及用法

<ul> 标签定义无序列表。

将 <ul> 标签与 <li> 标签一起使用,创建无序列表。


浏览器支持

元素
<ul> Yes Yes Yes Yes Yes

提示和注意

提示: 使用 CSS 为列表定义样式。

提示: 使用<ol> 标签创建有序列表。


HTML 4.01 与 HTML5之间的差异

HTML5 不支持 "compact" 和 "type" 这两个属性。


属性

属性 描述
compact compact HTML5 不支持。
规定列表呈现的效果比正常情况更小巧
type disc
square
circle
HTML5 不支持。
规定列表的项目符号的类型

全局属性

<ul> 标签支持 HTML全局属性


事件属性

<ul> 标签支持 HTML事件属性


Examples

尝试一下 - 更多实例

嵌套列表
本例演示如何嵌套列表。

另一个嵌套列表
本例演示更复杂的嵌套列表。


相关文章

HTML 教程:HTML 列表

HTML DOM 参考手册:Ul 对象

CSS 教程:Styling 列表


默认CSS设置

大多数浏览器都以以下默认值的形式显示 <ul> 元素:

Example

ul {
    display: block;
    list-style-type: disc;
    margin-top: 1em;
    margin-bottom: 1 em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
}
尝试一下 »