CSS3中有一個(gè)非常重要的屬性叫做rgba，它是指顏色中的紅、綠、藍(lán)三種顏色以及透明度（Alpha）。

/* rgba屬性的語法如下 */
selector {
background-color: rgba(紅, 綠, 藍(lán), Alpha)
}

其中，紅、綠、藍(lán)三種顏色的取值范圍為0-255之間，而Alpha取值范圍為0-1之間，表示的是顏色的透明程度，數(shù)值越小表示透明度越高。

使用rgba屬性可以實(shí)現(xiàn)很多有趣的效果，比如將背景色設(shè)置為半透明，使得頁面的內(nèi)容不被背景色完全覆蓋，從而增強(qiáng)頁面的視覺效果。例如:

body {
background-color: rgba(0, 0, 0, 0.5)
}

通過這個(gè)代碼，頁面的背景色將會(huì)變成黑色并且具有50%的透明度，這樣就會(huì)使得頁面的內(nèi)容呈現(xiàn)出原本沒有的層次感。

rgba還可以應(yīng)用到文字顏色、邊框顏色以及陰影等效果上，其應(yīng)用場(chǎng)景非常廣泛。