Html 无序列表

在 HTML 中，我们可以使用无序列表来展示一个项目列表。无序列表使用 ul 标签，其中每个项目包含一个 li 标签。无序列表从技术上来说不是一个真正的列表，因为它们不会按照任何特定的顺序排列，但是它们常用于多个项目之间的平等关系。

无序列表的语法

下面是无序列表的基本语法：

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

这将展示一个简单的无序列表，其中包含三个项目。

无序列表的特性

• 每个项目前面会有一个小黑点，这是浏览器默认样式，可以通过 CSS 修改。
• 列表中的项目没有顺序，它们只是平等的。
• 可以使用嵌套列表来创建更复杂的结构。

嵌套无序列表

可以在 li 元素内部嵌套无序列表，以创建更复杂的结构。例如：

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

这将创建一个包含一个嵌套的子列表的列表。

自定义无序列表标记

可以使用 CSS 自定义无序列表的标记，例如使用图片作为标记或修改默认标记的颜色。下面是使用图片作为标记的例子：

ul {
  list-style-image: url('marker.png');
}

这将把每个项目的标记更改为名为 marker.png 的图片。

Markdown格式:

Html 无序列表

在 HTML 中，我们可以使用无序列表来展示一个项目列表。无序列表使用 ul 标签，其中每个项目包含一个 li 标签。无序列表从技术上来说不是一个真正的列表，因为它们不会按照任何特定的顺序排列，但是它们常用于多个项目之间的平等关系。

无序列表的语法

下面是无序列表的基本语法：

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

这将展示一个简单的无序列表，其中包含三个项目。

无序列表的特性

• 每个项目前面会有一个小黑点，这是浏览器默认样式，可以通过 CSS 修改。
• 列表中的项目没有顺序，它们只是平等的。
• 可以使用嵌套列表来创建更复杂的结构。

嵌套无序列表

可以在 li 元素内部嵌套无序列表，以创建更复杂的结构。例如：

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

这将创建一个包含一个嵌套的子列表的列表。

自定义无序列表标记

可以使用 CSS 自定义无序列表的标记，例如使用图片作为标记或修改默认标记的颜色。下面是使用图片作为标记的例子：

ul {
  list-style-image: url('marker.png');
}

这将把每个项目的标记更改为名为 marker.png 的图片。