在 HTML 文档中应用颜色的不同方法

当我们创建网页时，经常需要为元素应用不同的颜色。在 HTML 中，可以使用 CSS 来应用颜色，下面介绍几种不同的方法。

1. 使用颜色名称

可以直接使用预定义的颜色名称（如 red、blue、green）来为元素应用颜色。

<p style="color: red">这是一段红色的文字。</p>

2. 使用十六进制 RGB 值

可以使用十六进制 RGB 值来为元素应用颜色。

<p style="color: #ff0000">这是一段红色的文字。</p>

3. 使用 RGB 值

可以使用 RGB 值来为元素应用颜色。

<p style="color: rgb(255, 0, 0)">这是一段红色的文字。</p>

4. 使用 HSL 值

可以使用 HSL 值来为元素应用颜色。

<p style="color: hsl(0, 100%, 50%)">这是一段红色的文字。</p>

5. 使用 CSS 类

可以使用 CSS 类为元素应用颜色。

<style>
  .red {
    color: red;
  }
</style>

<p class="red">这是一段红色的文字。</p>

以上是 HTML 中应用颜色的不同方法。可以根据不同需求选择合适的方法来实现网页效果。