今天看到一个网页使用了rgba不知道这个a是什么意思,原来是因为了忘了下面的颜色比上面的浅一些特别用rgba确实很方便,页面也不突兀,特分享一下需要的朋友可以参考下

RGBA是一种可以设置颜色值和度的CSS颜色

下面是用rgba() 设置50%度的白色.

p {
color: rgba(255, 255, 255, 0.5);
}

RGBA是RGB色彩模型的一个扩展。这个缩写词代表红绿蓝三原色的首字母,Alpha值代表颜色的度/不度。

RGBA语法

RGBA色彩表示法的格式为:

rgba(red, green, blue, alpha)

前三个值(红绿蓝)的范围为0到255之间的整数或者0%到100%之间的百分数。这些值描述了红绿蓝三原色在预期色彩中的量。
如果你想设置纯红色,那么把red参数设置满,即255,绿,蓝设置0即可。

background-color: rgba(255, 0, 0, 1);

结果:

也可使用百分比:

background-color: rgba(100%, 0%, 0%, 1);

结果:

第四个值, alpha, 制定了色彩的度/不度,它的范围为0.0到1.0之间

下面的例子是设置50%度的:

color: rgba(255, 242, 0, 0.5);

css半兼容火狐、ie,chrome,现在浏览器版本都比较高。大家可以放心使用到项目中。

最新资讯
如涵季报图解:营收2.3亿同比降4% 曾受张大奕绯闻重创

如涵季报图解:营收2.3

如涵电商今日发布2020年第一季度财报,这是如涵电商旗下
云集季报图解:营收16.49亿同比降51% 净亏1320万

云集季报图解:营收16.

社交电商平台云集(Nasdaq:YJ)今日发布财报,财报显示,云集20
摆摊吧,互联网人!

摆摊吧,互联网人!

互联网人转行后都适合摆什么样的地摊?
王小川的湖畔第一课笔记,拿去抄

王小川的湖畔第一课笔

开学典礼后,照例是校长第一课。
估值50亿美金的泡泡玛特,会不会是一个巨大的资本泡沫?

估值50亿美金的泡泡玛

作为一家历时9年的潮玩公司,泡泡玛特在六一发布招股书,
滴滴跑腿两个多月后 哈啰也要加入“跑男”

滴滴跑腿两个多月后

距离滴滴上线跑腿业务两个多月,5月末,哈啰被曝出正在东
最新文章
白话分析自适应跟响应式的区别详解

白话分析自适应跟响应

这篇文章主要介绍了白话分析自适应跟响应式的区别详解
div与div之间有空隙的解决方法

div与div之间有空隙的

今天在制作页面的时候发现两个div之间有空隙导致两个
推荐一款酷炫闪烁的告警按钮

推荐一款酷炫闪烁的告

今天小编给大家推荐一款酷炫闪烁的告警按钮,非常不错,具
移动端开发1px线的理解与解决办法

移动端开发1px线的理

这篇文章主要给大家介绍了关于移动端开发1px线的理解
前端浏览器字体小于12px的解决办法

前端浏览器字体小于12

这篇文章主要给大家介绍了关于前端浏览器字体小于12px
详解Web前端性能优化详解之资源合并与压缩

详解Web前端性能优化

这篇文章主要介绍了详解Web前端性能优化详解之资源合