域名預(yù)訂/競(jìng)價(jià),好“米”不錯(cuò)過(guò)
今天看到一個(gè)網(wǎng)頁(yè)使用了rgba不知道這個(gè)a是什么意思,原來(lái)是因?yàn)榱送讼旅娴念伾壬厦娴臏\一些特別用rgba確實(shí)很方便,頁(yè)面也不突兀,特分享一下需要的朋友可以參考下
RGBA是一種可以設(shè)置顏色值和透明度的CSS顏色
下面是用rgba() 設(shè)置50%透明度的白色.
p {
color: rgba(255, 255, 255, 0.5);
}
RGBA是RGB色彩模型的一個(gè)擴(kuò)展。這個(gè)縮寫(xiě)詞代表紅綠藍(lán)三原色的首字母,Alpha值代表顏色的透明度/不透明度。
RGBA語(yǔ)法
RGBA色彩表示法的格式為:
rgba(red, green, blue, alpha)
前三個(gè)值(紅綠藍(lán))的范圍為0到255之間的整數(shù)或者0%到100%之間的百分?jǐn)?shù)。這些值描述了紅綠藍(lán)三原色在預(yù)期色彩中的量。
如果你想設(shè)置純紅色,那么把red參數(shù)設(shè)置滿,即255,綠,藍(lán)設(shè)置0即可。
background-color: rgba(255, 0, 0, 1);
結(jié)果:
也可使用百分比:
background-color: rgba(100%, 0%, 0%, 1);
結(jié)果:
第四個(gè)值, alpha, 制定了色彩的透明度/不透明度,它的范圍為0.0到1.0之間
下面的例子是設(shè)置50%透明度的黃色:
color: rgba(255, 242, 0, 0.5);
css半透明兼容火狐、ie,chrome,現(xiàn)在瀏覽器版本都比較高。大家可以放心使用到項(xiàng)目中。
本文來(lái)自腳本之家,原文鏈接:https://www.jb51.net/web/715376.html
申請(qǐng)創(chuàng)業(yè)報(bào)道,分享創(chuàng)業(yè)好點(diǎn)子。點(diǎn)擊此處,共同探討創(chuàng)業(yè)新機(jī)遇!