CSS之颜色控制属性

时间:2021-01-31 19:08:31

在CSS中怎样修改文字颜色呢?

格式如下:

color:值;

几种常见的取值方式:

①通过英文单词来赋值

red(红色)等等,这些在W3Cschool可以找到,但是英文单词能够表达的颜色是有限制的,并不是所有的颜色都能够通过英文单词来表达。


②通过rgb赋值

rgb也就是三原色,r(red),g(green),b(blue)

格式:rgb(,,)其中每一个数字分别显示r,g,b的亮度,这其中每一个数字的取值都是0-255,0代表不发光,255代表发光,取值越大,该颜色越亮。

例如:rgb(255,0,0)代表红色。rgb(0,255,0)代表绿色,rgb(0,0,0)代表黑色,rgb(255,255,255)代表白色


其实在前端开发中并不常用黑色,反而偏偏常用灰色。因为黑色太刺眼了。

当红色和蓝色值是一样的时候就是灰色,三个值越小越偏黑色,三个值越大越偏白色。

下面来一个粉红字体的样例:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>CSS之初体验</title>
<style type="text/css">
p{
color: rgb(255,0,90);
}
</style>
</head>
<body>
<p>我是文本</p>
</body>
</html>

③通过rgba赋值

其中a代表透明度,其取值为 0-1,1代表不透明,0代表透明。


④通过十六进制赋值

原理其实就是rgb

#FF0000,其中FF就是r也就是255,,00就是0