04CSS文本——颜色之RGBA

最新推荐文章于 2024-04-26 19:17:54 发布

远近2021

最新推荐文章于 2024-04-26 19:17:54 发布

阅读量1.1k

点赞数 1

分类专栏： # css3学习 htmlcss学习园地文章标签： css3

本文链接：https://blog.csdn.net/weixin_47197906/article/details/119605792

版权

htmlcss学习园地同时被 2 个专栏收录

91 篇文章 6 订阅

订阅专栏

css3学习

25 篇文章 3 订阅

订阅专栏

RGB 是一种色彩标准，是由红(R)、绿(G)、蓝(B)的变化以及相互叠加来得到各式各样的颜色。RGBA 是在 RGB 的基础上增加了控制 alpha 透明度的参数。

语法：

color：rgba(R,G,B,A)

取值：

R：红色值，正整数 | 百分数。
G：绿色值，正整数 | 百分数。
B：蓝色值，正整数 | 百分数。
A：Alpha 透明度，取值 0~1 之间。

以上 R、G、B 三个参数，正整数值的取值范围为：0 - 255。百分数值的取值范围为：0.0% - 100.0%。超出范围的数值将被截至其最接近的取值极限。并非所有浏览器都支持使用百分数值。A 为透明度参数，取值在 0~1 之间，不可为负值。

<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        div {
            width: 50px;
            height: 50px;
            background-color: rgb(255, 0, 0, 0.3);
        }
    </style>
</head>
<body>
    <p>设置透明度为30%的红色</p>
    <div></div>
</body>

在这里插入图片描述

远近2021

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
04CSS文本——颜色之RGBA

RGB 是一种色彩标准，是由红(R)、绿(G)、蓝(B)的变化以及相互叠加来得到各式各样的颜色。RGBA 是在 RGB 的基础上增加了控制 alpha 透明度的参数。语法：color：rgba(R,G,B,A)取值：R：红色值，正整数 | 百分数。G：绿色值，正整数 | 百分数。B：蓝色值，正整数 | 百分数。A：Alpha 透明度，取值 0~1 之间。以上 R、G、B 三个参数，正整数值的取值范围为：0 - 255。百分数值的取值范围为：0.0% - 100.0%。超出范围的数值将被
复制链接

扫一扫