當(dāng)前位置:首頁(yè) >  站長(zhǎng) >  編程技術(shù) >  正文

rgba中的a是什么意思 CSS之RGBA顏色指南

 2020-10-20 15:12  來(lái)源: 腳本之家   我來(lái)投稿 撤稿糾錯(cuò)

  域名預(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ī)遇!

相關(guān)文章

熱門(mén)排行

信息推薦