css 怎么设置颜色为rgba啊

在css中使用rgba(255, 255, 255, 0.5)这样的格式来表示rgha。其中最后一个参数表示Alpha通道，表示透明度。

例如：给两个div添加一样的背景色设置不同的透明度

代码：

<div class="div1">rgba透明度0.4</div>

<div class="div2">rgba透明度0.6</div>

css：

div{

margin:10px auto

width:200px

height:100px

text-align: center

line-height: 90px

}

.div1{background: rgba(83,172,150,0.4)}

.div2{background: rgba(83,172,150,0.8)}

效果：

css中设置rgba按照其语法直接定义即可。语法如下：

R：红色值。正整数 | 百分数

G：绿色值。正整数 | 百分数

B：蓝色值。正整数| 百分数

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

如下这个示例代码：

1

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

这里就是将p的背景颜色设置为黑色半透明

使用css设置例子如下：

p{

color: rgba(0,0,0,0.5)

}

只要是有颜色单位的属性都可以设置rgba，如：background-color,border-color等

具体格式 rgba(R,G,B,A)

---