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

最新推荐文章于 2023-04-16 15:28:42 发布

GoatGui

最新推荐文章于 2023-04-16 15:28:42 发布

阅读量280

点赞数

分类专栏：前端文章标签： html css

本文链接：https://blog.csdn.net/m0_37422217/article/details/107013057

版权

前端专栏收录该内容

49 篇文章 0 订阅

订阅专栏

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

参考自：CSS中文文档

文章目录

- 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>

页面：

GoatGui

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
CSS基础(part6)--CSS的颜色表示

学习笔记，仅供参考，有错必纠参考自：CSS中文文档文章目录CSSCSS的颜色表示命名颜色RGB颜色表示法十六进制颜色表示法CSSCSS的颜色表示命名颜色直接拿颜色的英文形式作为color的属性值，比如：red, black, white, green, silver等等。举个例子<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title&
复制链接

扫一扫