CSS中如何改变元素的文本颜色？

csshtml

在CSS中，你可以使用color属性来改变HTML元素的文本颜色。这个属性接受各种颜色值，包括十六进制颜色代码、RGB、RGBA、HSL、HSLA、颜色名称等。

下面是一个简单的示例，展示了如何使用CSS的color属性来改变段落元素的文本颜色：

示例效果与源代码：

运行效果

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CSS改变文本颜色示例</title>
<style>
  /* 使用CSS选择器选中p元素，并设置其文本颜色为红色 */
  p {
    color: red;
  }
</style>
</head>
<body>

<p>这是一个段落元素，它的文本颜色被CSS设置为红色。</p>

</body>
</html>

尝试一下 »

在上面的示例中，我们创建了一个简单的HTML页面，其中包含一个段落元素。通过CSS样式规则，我们选中了所有的p元素（即段落元素），并使用color: red;将它们的文本颜色设置为红色。当你打开这个HTML文件并在浏览器中查看时，你会看到段落文本的颜色是红色。

请注意，你可以将color属性的值替换为任何你喜欢的颜色，以改变元素的文本颜色。

上一篇：Canvas怎么实现中心点旋转？

下一篇：如何在HTML中使用JavaScript来改变一个元素的样式？