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>

代码显示效果如图：

HTML|颜色的设置方法相关推荐

网站字体颜色大小php代码,html字体颜色的设置方法
html字体颜色的设置方法:1.通过外部CSS样式设置,代码如".blue{color:blue;}":2.通过内部CSS样式设置,代码如"style="col ...
css编程设置网页背景,网页中cssbackground背景图和背景颜色的设置方法
CSS 背景这里指通过CSS对对象设置背景属性,如网页中通过CSS设置背景各种样式. Css background背景作用:设置纯色背景.背景background可以设置对象纯色的背景颜色,设置图为背 ...
win11任务栏怎么更换颜色 win11任务栏更换颜色的设置方法
大家都知道我们安装好一个系统之后,系统的颜色都是默认的,有朋友说不喜欢win11系统的任务栏颜色,但是却不知道如何修改,其实方法不难,今天小编来跟大家说说win11任务栏颜色怎么改的步骤教程,大家一起 ...
Markdown编辑器中字号、颜色的设置方法及一些好看的颜色示例
文章目录 1. 颜色设置
在html里文本框怎么设置背景颜色,css文本框颜色怎么设置
css文本框颜色的设置方法:1.使用color属性设置文本框内文字颜色:2.使用background-color属性设置文本框的背景颜色:3.使用border-color属性设置文本框的边框颜色. 本 ...
python动态改变标签的颜色_PyQt4 treewidget 选择改变颜色,并设置可编辑的方法
如下所示: # -*- coding: utf-8 -*- import sys from PySide.QtGui import * from PySide.QtCore import * glob ...
保护眼睛的颜色和各种背景颜色设置方法
保护眼睛的颜色现代人几乎每天都离不开电脑.在工作.娱乐.交友.购物,甚至在买卖股票的过程中,电脑都是我们的好帮手.但是,电脑的辐射多对眼睛的伤害很大,而许多应用软件的背景,尤其是网页的底色通常被设定 ...
CSS 文本字体颜色设置方法。
这篇文章主要介绍了CSS 文本字体颜色设置方法(CSS color),需要的朋友可以参考下一.认识CSS 颜色(CSS color) 这里要介绍的是网页设置颜色包含有哪些:网页颜色规定规范. 1.常 ...
html边框颜色线性渐变,css3设置边框颜色渐变的方法有哪些
css3设置边框颜色渐变的方法有哪些发布时间:2020-09-14 14:51:54 来源:亿速云阅读:110 作者:小新 css3设置边框颜色渐变的方法有哪些?这个问题可能是我们日常学习或工作经 ...
计算机一级底纹颜色怎么设置,word2016文字字形和颜色设置及文字底纹效果方法...
工具/材料 Word2016 设置字体字形和颜色-方法1 01首先,我们在桌面上击右键,选择"新建-Word"文件选项,在桌面上新建一个Word文件. 02打开Word软件之后,在 ...

HTML|颜色的设置方法

HTML|颜色的设置方法

1、利用RGB设置颜色

2、利用RGB函数设置颜色

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

4、实践代码

HTML|颜色的设置方法相关推荐

最新文章

热门文章