rgba中的a是甚么意思 CSS之RGBA色调指南

日期:2020-12-14 类型:科技新闻 

关键词:小程序 活动,微信小程序demo,微信小程序游戏开发价格,手机小程序怎么做,视频播放微信小程序

RGBA是1种能够设定色调值和全透明度的CSS色调

下面是用rgba() 设定50%全透明度的白色.

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

RGBA是RGB颜色实体模型的1个拓展。这个缩写词意味着红绿蓝3原色的首字母,Alpha值意味着色调的全透明度/不全透明度。

RGBA英语的语法

RGBA颜色表明法的文件格式为:

rgba(red, green, blue, alpha)

前3个值(红绿蓝)的范畴为0到255之间的整数金额或0%到100%之间的百分数。这些值叙述了红绿蓝3原色在预期颜色中的量。
假如你想设定纯鲜红色,那末把red主要参数设定满,即255,绿,蓝设定0便可。

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

結果:

也可以使用百分比:

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

結果:

第4个值, alpha, 制订了颜色的全透明度/不全透明度,它的范畴为0.0到1.0之间

下面的事例是设定50%全透明度的黄色:

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

css半全透明适配火狐、ie,chrome,如今访问器版本号都较为高。大伙儿能够安心应用到新项目中。