溫馨提示×
您好，登錄后才能下訂單哦！
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
小編給大家分享一下rgba中的a是指什么意思，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！
RGBA顏色
RGB是一種色彩標(biāo)準(zhǔn)，是由紅（R）、綠（G）、藍(lán)（B）的變化以及相互疊加來得到各式各樣的顏色。RGBA說白了，就是在RGB的基礎(chǔ)上加了一個(gè)透明度通道Alpha。
語法：
rgba（R,G,B,A）
說明：
R：紅色值（Red）；
G：綠色值（Green）；
B：藍(lán)色值（Blue）；
A：透明度（Alpha）；
R、G、B三個(gè)參數(shù)可以為正整數(shù)，也可以為百分比。正整數(shù)值的取值范圍為0～255，百分?jǐn)?shù)值的取值范圍為0.0%～100.0%。超出范圍的數(shù)值將被截至其最接近的取值極限。并非所有瀏覽器都支持使用百分?jǐn)?shù)值。
參數(shù)A為透明度，類似opacity屬性，取值范圍在0.0~1.0之間，不可為負(fù)值。下面是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個(gè)li*/
li:first-child
{
background-color:#FF00FF;
}
/*第2個(gè)li*/
li:nth-child(2)
{
background-color:rgba(255,0,255,0.5);
}
/*第3個(gè)li*/
li:last-child
{
background-color:#FF00FF;
opacity:0.5;
}
</style>
</head>
<body>
<ul>
<li>php中文網(wǎng)</li>
<li>php中文網(wǎng)</li>
<li>php中文網(wǎng)</li>
</ul>
</body>
</html>
看完了這篇文章，相信你對“rgba中的a是指什么意思”有了一定的了解，如果想了解更多相關(guān)知識，歡迎關(guān)注億速云行業(yè)資訊頻道，感謝各位的閱讀！
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號
手機(jī)網(wǎng)站二維碼
