在 css 中,可以使用 color 属性定义字体颜色。支持多种值,包括十六进制颜色代码、rgb/rgba 颜色值、颜色名称,以及 currentcolor 关键字。语法:selector { color: color-value; }
如何使用 CSS 定义字体颜色
在 CSS 中,可以使用 color 属性来定义字体颜色。该属性接受多种值,包括:
- 十六进制颜色代码(#RRGGBB):例如,#000000 表示黑色,#FFFFFF 表示白色。
- RGB 颜色值(rgb(r, g, b)):例如,rgb(0, 0, 0) 表示黑色,rgb(255, 255, 255) 表示白色。
- RGBA 颜色值(rgba(r, g, b, a)):与 RGB 相同,但增加了透明度值,介于 0(完全透明)和 1(完全不透明)之间。
- 颜色名称:例如,"black"、"white"、"red"、"blue"。但是,这些名称只支持有限的颜色集。
语法:
selector {
color: #RRGGBB | rgb(r, g, b) | rgba(r, g, b, a) | color-name;
}
示例:
立即学习“前端免费学习笔记(深入)”;
p {
color: #000000;
}
h1 {
color: rgb(255, 0, 0);
}
a {
color: rgba(0, 0, 255, 0.5);
}
.error {
color: red;
}
注意:
- 字体颜色还可以使用 currentColor 关键字继承其父元素的颜色。
- CSS 还提供了 color-interpolation 和 color-profile 属性来控制字体的颜色插值和颜色渐变。