Web前端css如何設(shè)置透明度？

在css中，可以使用rgba()函數(shù)來設(shè)置透明度，該函數(shù)使用紅（R）、綠（G）、藍(lán)（B）、透明度（A）的疊加來生成各式各樣的顏色，語(yǔ)法格式“color:rgba(R,G,B,A);”或“background:rgba(R,G,B,A);”。

css設(shè)置透明度的方法：

css rgba()設(shè)置顏色透明度

語(yǔ)法：

rgba（R,G,B,A）;

RGBA 是代表Red（紅色） Green（綠色） Blue（藍(lán)色）和 Alpha（不透明度）三個(gè)單詞的縮寫。RGBA顏色值是 RGB顏色值的擴(kuò)展，帶有一個(gè)alpha通道 - 它規(guī)定了對(duì)象的不透明度。

rgba（)里的值的介紹：

R：紅色值。正整數(shù) （0~255）

G：綠色值。正整數(shù) （0~255）

B：藍(lán)色值。正整數(shù)（0~255）

A：透明度。取值0~1之間

rgba()只是單純的可以設(shè)置顏色透明度，這樣在頁(yè)面的布局中有很多應(yīng)用。比如說：讓背景出現(xiàn)透明效果，但上面的文字不透明。

代碼實(shí)例：

.demo{

width: 350px;

height: 300px;

margin: 50px auto;

}

.demo *{

width: 120px;

height: 120px;

margin: 10px;

float: left;

}

.demo1{

background:rgba(255,0,0,1);

}

.demo2{

background:rgba(255,0,0,0.5);

}