阅读更多：HTML 教程

元素的作用与语法

在HTML中，

<

ul>）或有序列表（

<

ol>）的子元素，表示列表中的一个项目。以下是

<ul>
  <li>项目1</li>
  <li>项目2</li>
  <li>项目3</li>
</ul>

<

ul>表示无序列表，

<

ul>与

<

ol>的默认样式

默认情况下，

<

ul>和

<

ol>元素具有自己独特的样式，并为其子元素（即

无序列表默认样式

在无序列表中，

示例代码如下所示：

<ul>
  <li>项目1</li>
  <li>项目2</li>
  <li>项目3</li>
</ul>

上述代码在浏览器中呈现的效果为：

• 项目1
• 项目2
• 项目3

有序列表默认样式

在有序列表中，

<

ol>和

示例代码如下所示：

<ol>
  <li>项目1</li>
  <li>项目2</li>
  <li>项目3</li>
</ol>

上述代码在浏览器中呈现的效果为：

1. 项目1
2. 项目2
3. 项目3

更改项目标志的方式

虽然浏览器为列表提供了默认样式，但你仍然可以通过CSS来更改项目前的标志类型和显示方式。以下是一些示例：

修改无序列表标志

要更改无序列表中项目的标志类型，你可以使用CSS的list-style-type属性。下面是一些常用的list-style-type值及其效果：

• disc：圆点（默认值）
• circle：空心圆
• square：方块
• none：无标志

示例代码如下所示：

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

上述代码在浏览器中呈现的效果为：

▪ 项目1
▪ 项目2
▪ 项目3

修改有序列表标志

要更改有序列表中项目的标志类型，可以使用CSS的list-style-type属性。以下是一些常用的list-style-type值及其效果：

• decimal：十进制数字（默认值）
• decimal-leading-zero：带前导零的十进制数字
• lower-alpha：小写英文字母
• upper-alpha：大写英文字母
• lower-roman：小写罗马数字
• upper-roman：大写罗马数字

示例代码如下所示：

<ol style="list-style-type: lower-alpha;">
  <li>项目1</li>
  <li>项目2</li>
  <li>项目3</li>
</ol>

上述代码在浏览器中呈现的效果为：

a. 项目1
b. 项目2
c. 项目3

总结

在本文中，我们介绍了

<

ul>)的项目标志默认使用圆点，有序列表(

<

ol>)的项目标志默认使用数字。这些默认样式由浏览器的CSS样式表控制。你可以通过CSS的list-style-type属性来更改列表中项目的标志类型和显示方式。