您好,登錄后才能下訂單哦!
這篇文章主要講解了“rgba在css3的概念是什么”,文中的講解內(nèi)容簡(jiǎn)單清晰,易于學(xué)習(xí)與理解,下面請(qǐng)大家跟著小編的思路慢慢深入,一起來(lái)研究和學(xué)習(xí)“rgba在css3的概念是什么”吧!
rgba在css3中是Red、Green、Blue和alpha的縮寫,是設(shè)置顏色的一種函數(shù),該函數(shù)通過(guò)紅色、綠色、藍(lán)色和透明度的疊加生成顏色;其中紅綠藍(lán)三色的取值范圍是0到255,透明度的取值范圍是0到1,0表示完全透明,1表示完全不透明。
本教程操作環(huán)境:windows10系統(tǒng)、CSS3&&HTML5版本、Dell G3電腦。
RGB 是代表Red(紅色) 、Green(綠色)、 Blue(藍(lán)色)三個(gè)單詞的縮寫。RGBA 顏色值是 RGB 顏色值的擴(kuò)展,添加了一個(gè) alpha 通道, 它規(guī)定了對(duì)象的不透明度。
RGBA 即紅色、綠色、藍(lán)色、透明度(英語(yǔ):Red, Green, Blue、Alpha)。
紅色(R)0 到 255 間的整數(shù),代表顏色中的紅色成分。。
綠色(G)0 到 255 間的整數(shù),代表顏色中的綠色成分。
藍(lán)色(B)0 到 255 間的整數(shù),代表顏色中的藍(lán)色成分。
透明度(A)取值 0~1 之間, 代表透明度。
語(yǔ)法為;
rgba(red, green, blue, alpha)
示例如下:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>123</title> <style> #p1 {background-color:rgba(255,0,0,0.3);} #p2 {background-color:rgba(0,255,0,0.3);} #p3 {background-color:rgba(0,0,255,0);} #p4 {background-color:rgba(192,192,192,0.3);} #p5 {background-color:rgba(255,255,0,0.3);} #p6 {background-color:rgba(255,0,255,0.3);} </style> </head> <body> <p>RGB 顏色,并使用透明度:</p> <p id="p1">紅色</p> <p id="p2">綠色</p> <p id="p3">藍(lán)色</p> <p id="p4">灰色</p> <p id="p5">黃色</p> <p id="p6">櫻桃色</p> </body> </html>
輸出結(jié)果:
感謝各位的閱讀,以上就是“rgba在css3的概念是什么”的內(nèi)容了,經(jīng)過(guò)本文的學(xué)習(xí)后,相信大家對(duì)rgba在css3的概念是什么這一問(wèn)題有了更深刻的體會(huì),具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是億速云,小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章,歡迎關(guān)注!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。