CSS基础(part6)--CSS的颜色表示

学习笔记,仅供参考,有错必纠

参考自:CSS中文文档




CSS


CSS的颜色表示


命名颜色


直接拿颜色的英文形式作为color的属性值,比如:red, black, white, green, silver等等。


  • 举个例子
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>OK</title>
	<style>
		h2 {
			color: pink;
		}

	</style>

</head>
<body>
	<h2>俺是一个标题</h2>
</body>
</html>

页面:


RGB颜色表示法


RGB颜色值指定:RGB(红,绿,蓝)。每个参数(红色,绿色和蓝色)定义颜色的亮度,可在0和255之间,或一个百分比值(从0%到100%)之间的整数。比如,RGB(0,0,255)值呈现为蓝色,因为蓝色的参数设置为最高值(255)而其他设置为0。


  • 举个例子
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>OK</title>
	<style>
		h2 {
			color: rgb(255, 255, 0);
		}

	</style>

</head>
<body>
	<h2>俺是一个标题</h2>
</body>
</html>

页面:


十六进制颜色表示法


由于RGB模式书写非常不方便,所以我们用十六进制数代替0到255;

十六进制的颜色其组成部分是:#RRGGBB,其中RR代表红色,GG代表绿色和BB代表蓝色,所有值必须介于0和FF之间;

十六进制颜色表示法的取值范围是#000000 ~ #FFFFFF(黑色到白色);

十六进制表示法其实就是RBG表示法的另一种写法。


  • 举个例子
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>OK</title>
	<style>
		h2 {
			color: #ff0000;
		}

	</style>

</head>
<body>
	<h2>俺是一个标题</h2>
</body>
</html>

页面:

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章