rgba中a是指什么 ?這個問題可能是我們?nèi)粘W(xué)習(xí)或工作經(jīng)常見到的。希望通過這個問題能讓你收獲頗深。下面是小編給大家?guī)淼膮⒖純?nèi)容,讓我們一起來看看吧!

滎陽網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián)建站,滎陽網(wǎng)站設(shè)計制作,有大型網(wǎng)站制作公司豐富經(jīng)驗。已為滎陽上千提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\成都外貿(mào)網(wǎng)站制作要多少錢,請找那個售后服務(wù)好的滎陽做網(wǎng)站的公司定做!
RGBA顏色
RGB是一種色彩標(biāo)準(zhǔn),是由紅(R)、綠(G)、藍(lán)(B)的變化以及相互疊加來得到各式各樣的顏色。RGBA說白了,就是在RGB的基礎(chǔ)上加了一個透明度通道Alpha。
語法:
rgba(R,G,B,A)
說明:
R:紅色值(Red);
G:綠色值(Green);
B:藍(lán)色值(Blue);
A:透明度(Alpha);
R、G、B三個參數(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)
舉例:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS3 RGBA顏色</title>
<style type="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>創(chuàng)新互聯(lián)</li>
<li>創(chuàng)新互聯(lián)</li>
<li>創(chuàng)新互聯(lián)</li>
</ul>
</body>
</html>分析:
十六進(jìn)制顏色值#FF00FF等價于rgb(255,0,255)。第1個li元素沒有使用RGBA顏色值,也沒有使用透明度opacity屬性;第2個li元素使用RGBA顏色值;第3個li元素使用透明度opacity屬性。
大家可以清晰地看出,假如我們對某個元素使用透明度opacity屬性,則該元素的內(nèi)容以及子元素都會受到影響。
從上面的例子我們知道,對于設(shè)置元素的透明度,RGBA比透明度opacity屬性更好,因為RGBA不會影響元素中的內(nèi)容以及子元素的不透明度。
感謝各位的閱讀!看完上述內(nèi)容,你們對rgba中a是指什么 大概了解了嗎?希望文章內(nèi)容對大家有所幫助。如果想了解更多相關(guān)文章內(nèi)容,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
當(dāng)前文章:rgba中a是指什么
新聞來源:http://chinadenli.net/article48/ppdpep.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供靜態(tài)網(wǎng)站、App開發(fā)、網(wǎng)站排名、電子商務(wù)、網(wǎng)站設(shè)計、Google
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)