在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