HTML|颜色的设置方法

最新推荐文章于 2023-09-22 12:49:35 发布

喵小胡

最新推荐文章于 2023-09-22 12:49:35 发布

阅读量8.4k

点赞数

分类专栏：网页开发与设计课堂笔记文章标签： html css

本文链接：https://blog.csdn.net/weixin_53937982/article/details/116651909

版权

网页开发与设计课堂笔记专栏收录该内容

4 篇文章 0 订阅

订阅专栏

HTML|颜色的设置方法

1、利用RGB设置颜色

十六进制数，例如：#FFFFFF

2、利用RGB函数设置颜色

在CSS中可以利用RGB函数加上三组范围为0~255的数字来设置所要的颜色。
表示方法如下：

RGB(R,G,B)

另外也可以使用百分比的方法来设置颜色。

3、利用颜色名称设置颜色

在HTML中要设置颜色时可以直接使用颜色的名称。

4、实践代码

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>设置颜色的方法</title>
	<style style="text/css">
		.dd1{background-color: teal; }
		.dd2{background-color: #EA7F7F;}
		.dd3{background-color: RGB(100%,40%,21%);}
		.dd4{background-color: RGB(100,40,21);}
	</style>
</head>

<body>
	<div class="dd1">ddd这是墨绿色，通过颜色名字定义的</div>
	<p class="dd2" >这行文字是红色的，通过十六进制数定义的 </p>
	<p class="dd3"> 这是通过RGB函数（百分比）定义的，CSS可以用，HTML不可以</p>
	<p class="dd4"> 这是通过RGB函数（整数）定义的。CSS可以用，HTML不可以</p>
</body>
</html>

代码显示效果如图：
在这里插入图片描述

喵小胡

关注

0
点赞
踩
6

收藏

觉得还不错? 一键收藏
打赏
1
评论
HTML|颜色的设置方法

HTML|颜色的设置方法1、利用RGB设置颜色十六进制数，例如：#FFFFFF2、利用RGB函数设置颜色在CSS中可以利用RGB函数加上三组范围为0~255的数字来设置所要的颜色。表示方法如下：RGB(R,G,B)另外也可以使用百分比的方法来设置颜色。3、利用颜色名称设置颜色在HTML中要设置颜色时可以直接使用颜色的名称。4、实践代码<!doctype html><html><head><meta charset="utf-8"&gt
复制链接

扫一扫