HTML无序列表 | HTML项目符号列表

在HTML中，我们可以使用无序列表和项目符号列表来显示一组相关的项目。这些列表可以包含文本、图像和链接等，它们在网页设计中是非常常见的一部分。

无序列表

无序列表在HTML中用<ul>标签标记。列表的每个项目用<li>标签包裹。无序列表通常用圆点(•)或实心圆(○)作为项目符号。

例如：

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

效果如下：

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

项目符号列表

和无序列表相似，项目符号列表也用<ul>标记，每个项目也用<li>标记包裹。不同的是，项目符号列表通常使用特定的符号作为项目符号，如箭头(->)、加号(+)等等。

例如：

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

效果如下：

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

自定义项目符号

我们还可以使用CSS样式来自定义项目符号。通过为<ul>元素设置list-style-type属性，我们可以改变项目符号的样式。

例如，将项目符号改为实心方块：

<style>
  ul.square li {
    list-style-type: square;
  }
</style>

<ul class="square">
  <li>项目1</li>
  <li>项目2</li>
  <li>项目3</li>
</ul>

效果如下：

■ 项目1 ■ 项目2 ■ 项目3

总结

无序列表和项目符号列表都是HTML中常用的列表类型，可以方便地展示一组相关的项目。我们还可以通过CSS样式来自定义项目符号的样式，这可以使网页的设计更加丰富多彩。