跳到主要内容

无序列表

使用<ul>标签定义一个无序列表。

提示

无序列表通常也用作导航菜单和下拉菜单

定义无序列表​

无序列表​

无序列表以<ul>标签开头。每个列表项都以<li>标签开头。

默认情况下，列表项将标有项目符号（黑色小圆点）：

<ul>
    <li>项目1</li>
    <li>项目2</li>
    <li>项目3</li>
    <li>项目4</li>
    <li>项目5</li>
</ul>
about:blank

列表项标记​

使用CSS的list-style-type属性定义列表项标记。它可以具有以下值之一：

值描述
disc设置列表项以圆点为标记
circle设置列表项以圆圈为标记
square设置列表项以小方块为标记
none设置列表项没有标记

圆点​

<ul style="list-style-type:disc;">
    <li>项目1</li>
    <li>项目2</li>
    <li>项目3</li>
    <li>项目4</li>
    <li>项目5</li>
</ul>
about:blank

圆圈​

<ul style="list-style-type:circle;">
    <li>项目1</li>
    <li>项目2</li>
    <li>项目3</li>
    <li>项目4</li>
    <li>项目5</li>
</ul>
about:blank

方块​

<ul style="list-style-type:square;">
    <li>项目1</li>
    <li>项目2</li>
    <li>项目3</li>
    <li>项目4</li>
    <li>项目5</li>
</ul>
about:blank

无标记​

<ul style="list-style-type:none;">
    <li>项目1</li>
    <li>项目2</li>
    <li>项目3</li>
    <li>项目4</li>
    <li>项目5</li>
</ul>
about:blank

HTML 参考​

名称描述

CSS 参考​

名称描述