這篇文章給大家分享的是有關(guān)css中rgba的值有哪些的內(nèi)容。小編覺(jué)得挺實(shí)用的,因此分享給大家做個(gè)參考,一起跟隨小編過(guò)來(lái)看看吧。
創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司,提供做網(wǎng)站、成都網(wǎng)站制作,網(wǎng)頁(yè)設(shè)計(jì),建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);可快速的進(jìn)行網(wǎng)站開(kāi)發(fā)網(wǎng)頁(yè)制作和功能擴(kuò)展;專業(yè)做搜索引擎喜愛(ài)的網(wǎng)站,是專業(yè)的做網(wǎng)站團(tuán)隊(duì),希望更多企業(yè)前來(lái)合作!
在css中,rgba有四個(gè)值,分別是紅(R)、綠(G)、藍(lán)(B)、透明度(A)四個(gè)顏色??梢酝ㄟ^(guò)通道的變化以及它們相互之間的疊加來(lái)獲得到各式各樣的顏色。RGBA顏色標(biāo)準(zhǔn)幾乎包括了人類視力所能感知的所有顏色,是目前運(yùn)用最廣的顏色系統(tǒng)之一。
本教程操作環(huán)境:windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
rgba是什么意思?
RGBA:一種色彩模式 ,是工業(yè)界一種顏色標(biāo)準(zhǔn);可以通過(guò)對(duì)紅(R)、綠(G)、藍(lán)(B)、透明度(A)四個(gè)顏色通道的變化以及它們相互之間的疊加來(lái)獲得到各式各樣的顏色的。RGBA顏色標(biāo)準(zhǔn)幾乎包括了人類視力所能感知的所有顏色,是目前運(yùn)用最廣的顏色系統(tǒng)之一。
在css中我們可以采用RGBA標(biāo)準(zhǔn)來(lái)設(shè)置顏色值,這就需要用到css rgba()函數(shù),我們來(lái)了解一下rgba的相關(guān)知識(shí)吧。
CSS rgba() 函數(shù)
rgba() 函數(shù)使用紅(R)、綠(G)、藍(lán)(B)、透明度(A)四個(gè)顏色的疊加來(lái)生成各式各樣的顏色。
語(yǔ)法
rgba(red, green, blue, alpha)
rgba() 函數(shù)有四個(gè)值,分別為:
red 定義紅色值,取值范圍為 0 ~ 255,也可以使用百分比 0% ~ 100%。
green 定義綠色值,取值范圍為 0 ~ 255,也可以使用百分比 0% ~ 100%。
blue 定義藍(lán)色值,取值范圍為 0 ~ 255,也可以使用百分比 0% ~ 100%。
透明度(A)取值 0~1 之間, 代表透明度。
示例:使用rgba() 函數(shù)設(shè)置顏色
RGBA 顏色:
白色
綠色
藍(lán)色
黑色
黃色
效果:
css的選擇器可以分為三大類,即id選擇器、class選擇器、標(biāo)簽選擇器。它們之間可以有多種組合,有后代選擇器、子選擇器、偽類選擇器、通用選擇器、群組選擇器等等
感謝各位的閱讀!關(guān)于“css中rgba的值有哪些”這篇文章就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,讓大家可以學(xué)到更多知識(shí),如果覺(jué)得文章不錯(cuò),可以把它分享出去讓更多的人看到吧!