rgba中的a是指什么意思

小编给大家分享一下rgba中的a是指什么意思,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!

成都创新互联公司从2013年成立,是专业互联网技术服务公司,拥有项目网站设计制作、成都网站制作网站策划,项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命,1280元曲沃做网站,已为上家服务,为曲沃各地企业和个人服务,联系电话:18982081108

RGBA颜色

RGB是一种色彩标准,是由红(R)、绿(G)、蓝(B)的变化以及相互叠加来得到各式各样的颜色。RGBA说白了,就是在RGB的基础上加了一个透明度通道Alpha。

语法:

rgba(R,G,B,A)

说明:

R:红色值(Red);

G:绿色值(Green);

B:蓝色值(Blue);

A:透明度(Alpha);

R、G、B三个参数可以为正整数,也可以为百分比。正整数值的取值范围为0~255,百分数值的取值范围为0.0%~100.0%。超出范围的数值将被截至其最接近的取值极限。并非所有浏览器都支持使用百分数值。

参数A为透明度,类似opacity属性,取值范围在0.0~1.0之间,不可为负值。下面是RGBA颜色的正确用法:

rgba(255,255,0,0.5)

rgba(50%,80%,50%,0.5)

举例:

<!DOCTYPEhtml>

<htmlxmlns="http://www.w3.org/1999/xhtml">

<head>

<title>CSS3RGBA颜色</title>

<styletype="text/css">

*{padding:0;margin:0;}

ul

{

display:inline-block;

list-style-type:none;

width:200px;

}

li

{

height:30px;

line-height:30px;

font-size:20px;

font-weight:bold;

text-align:center;

}

/*第1个li*/

li:first-child

{

background-color:#FF00FF;

}

/*第2个li*/

li:nth-child(2)

{

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

}

/*第3个li*/

li:last-child

{

background-color:#FF00FF;

opacity:0.5;

}

</style>

</head>

<body>

<ul>

<li>php中文网</li>

<li>php中文网</li>

<li>php中文网</li>

</ul>

</body>

</html>

看完了这篇文章,相信你对“rgba中的a是指什么意思”有了一定的了解,如果想了解更多相关知识,欢迎关注创新互联行业资讯频道,感谢各位的阅读!

新闻标题:rgba中的a是指什么意思
转载源于:https://www.cdcxhl.com/article44/pppgee.html

成都网站建设公司_创新互联,为您提供软件开发网站排名网站建设网站改版网站制作微信小程序

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

外贸网站建设