CSS中rgba是什么意思,与rgb有什么区别

CSS中的rgba是什么意思

CSS中rgba是设置颜色层叠样式中的一种,其中a是alpha通道,用于设置颜色的透明度,可以用百分比或小数来表示透明的程度,1或100%表示不透明。比如下面的这个实例:

<div style="width:100%;height:50%;background-color:rgba(0,255,0,0.5);"></div>

CSS中rgba与rgb有什么区别

CSS中的rgba和rgb都可以用来设置颜色的样式参数,不同的是rgb并没有alpha通道,没办法设置颜色的透明度,可以理解为rgb是透明度为1的rgba。

rgba与rgb实例代码

下面将对比rgba中alpha值设置为1与rgb的颜色设置(二者呈现的效果是一样的),代码如下:

<div style="width:100%;height:30%;background-color:rgba(0,255,0,1);"></div>
<br>
<div style="width:100%;height:30%;background-color:rgb(0,255,0);"></div>

免责声明:内容仅供参考,不保证正确性!


全栈前端 / CSS教程 :



























Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.