CSS怎么设置字体颜色和大小？

csshtml

在CSS中，设置字体颜色和大小是非常常见的操作。以下是如何设置字体颜色和大小的基本方法：

设置字体颜色：使用 color 属性来设置字体颜色。颜色值可以是颜色名称（如 “red”, “blue” 等），也可以是十六进制颜色代码（如 “#ff0000” 代表红色），或者是 RGB、RGBA、HSL、HSLA 等格式的颜色值。
设置字体大小：使用 font-size 属性来设置字体大小。字体大小的值可以是绝对单位（如 “px”, “pt”, “cm” 等），也可以是相对单位（如 “em”, “rem”, “%” 等）。

示例效果与源代码：

运行效果

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>
    .my-text {
        color: #ff0000; /* 将#替换为你想要的颜色，例如红色为#ff0000 */
        font-size: 16px;
    }
</style>
</head>
<body>

<p class="my-text">这是一段带有特定颜色字体和16像素大小的文本。</p>

</body>
</html>

尝试一下 »

在这个例子中，所有的 <p> 标签的文本颜色都被设置为红色，字体大小被设置为 16 像素。

上一篇：在javascript中，怎么操作数组？

下一篇：Canvas会取代DOM吗？