📜  如何使用 CSS 更改所选文本的颜色?(1)

📅  最后修改于: 2023-12-03 15:23:50.653000             🧑  作者: Mango

如何使用 CSS 更改所选文本的颜色?

在 CSS 中,只需使用 color 属性即可更改所选文本的颜色。这个属性的取值可以是颜色的名称,或者直接使用颜色的值。

如何使用颜色的名称?

可以使用 HTML 预定义的颜色名称,例如:

.color-example {
    color: red;
}

这个 CSS 规则会将 .color-example 类中的所有文本颜色更改为红色。

还可以使用其他预定义的颜色名称,例如 bluegreenyellow 等等。

如何使用颜色的值?

颜色的值可以是 RGB 颜色值、十六进制颜色值以及 HSL 颜色值等等。

例如,可以使用 RGB 颜色值:

.color-example {
    color: rgb(255, 0, 0);
}

这个 CSS 规则会将 .color-example 类中的所有文本颜色更改为红色。

还可以使用十六进制颜色值:

.color-example {
    color: #FF0000;
}

这个 CSS 规则也会将 .color-example 类中的所有文本颜色更改为红色。

总结

通过简单地使用 color 属性,就可以更改所选文本的颜色。颜色可以使用 HTML 预定义的颜色名称,也可以使用颜色的值。

具体的实现方式,可以参考以下 CSS 代码:

.my-class {
    color: red; /* 使用颜色名称 */
    color: rgb(255, 0, 0); /* 使用 RGB 颜色值 */
    color: #FF0000; /* 使用十六进制颜色值 */
}