rgb()函数是CSS中的内置函数, 用于使用Red Green Blue(RGB)模型定义颜色。
【CSS如何使用rgb()函数(用法示例)】语法如下:
rgb( red, green, blue )
参数:此函数接受上述和以下描述的三个参数:
- 红:此参数用于定义红色的强度。它是介于0到255之间的整数值, 或者是介于0%到100%之间的百分比值。
- 绿色:此参数用于定义绿色的强度。它是介于0到255之间的整数值, 或者是介于0%到100%之间的百分比值。
- 蓝色:此参数用于定义蓝色的强度。它是介于0到255之间的整数值, 或者是介于0%到100%之间的百分比值。
程序:
<
!DOCTYPE html>
<
html >
<
head >
<
title >
rgb function<
/ title >
<
style >
.gfg1 {
background-color:rgb(1, 153, 0);
text-align:center;
}
.gfg2 {
background-color:rgb(0, 255, 0);
text-align:center
}
.gfg3 {
background-color:rgb(133, 150, 150);
text-align:center
}
.gfg {
font-size:40px;
font-weight:bold;
color:green;
text-align:center;
}
h1 {
text-align:center;
}
<
/ style >
<
/ head >
<
body >
<
div class = "gfg" >
lsbin<
/ div >
<
h1 >
The rgb() Function<
/ h1 >
<
p class = "gfg1" >
Green<
/ p >
<
p class = "gfg2" >
Light green<
/ p >
<
p class = "gfg3" >
Light black<
/ p >
<
/ body >
<
/ html >
输出如下:
文章图片
支持的浏览器:下面列出了rgb()函数支持的浏览器:
- Chrome 1.0及以上
- Internet Explorer 4.0及更高版本
- Firefox 1.0及更高版本
- Safari 1.0及更高版本
- Opera 3.5及更高版本
推荐阅读
- JavaScript错误处理(如何使用throw、try-catch和finally())
- AngularJS如何使用数字过滤器(示例)
- jQuery如何使用event.data属性(代码示例)
- JavaScript如何使用Math floor()方法(示例)
- Java中如何使用new运算符(代码示例)
- Python如何使用OpenCV调整图像大小()
- 初学者编程(您必须知道的10种最佳HTML编码实践)
- 如何使用jQuery选择具有多个类的元素()
- FCFS CPU调度算法程序实现|S1