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之间

如下这个示例代码：

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

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

1、首先创建一个基础的html文件，并根据下图录入代码。

2、从html文件找到<body>标签，在这个标签里创建一个<div>标签并添加一个类，在这把这个类设置为：rgba。

3、在<title>标签后面创建一个<style>，并设置rgba类的高和背景透明度的样式（rgba(R,G,B,A)）。透明度参数，取值在0~1之间，不可为负值，透明度参数越小透明度越高。其中R，G，B，分别代表了红，绿，蓝三种颜色。

4、保存后使用浏览器查看，即可看到html的页面中背景的透明度就是设置的0.1。

欢迎分享，转载请注明来源：内存溢出

css 怎么设置颜色为rgba啊