小編給大家分享一下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是指什么意思
轉載源于:http://m.kartarina.com/article44/pppgee.html
成都網站建設公司_創新互聯,為您提供軟件開發、網站排名、網站建設、網站改版、網站制作、微信小程序
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯