2.rgba
用法：
rgba: (0-255,0-255,0-255,0-1)
透明度值在 0-1 之间。其中0代表完全透明，1代表完全不透明。
注意：如果数值超出范围（小于0或大于1），将取最接近的合法值。如果是1.2则显示为1；如果是负数，则显示为 0。
示例：
html:
css:
(img)
我们将上面示例中的不透明度更改为 rgba 并查看
```
css:
.box1{width: 100px ;高度: 100px;背景颜色: rgba(255, 0, 0, 1);}
.box2{宽度: 100px;高度: 100px;背景颜色: rgba(255, 0, 0, 0.5);}
.box3{width: 100px;height: 100px;background-color: rgba(255, 0, 0, 0);}
【外链图片传输失败，源站可能有防盗链机制，建议保存图片直接上传(img-JW0lzFqi-1583117743352)(https://www.sychzs.cn/2020/03/01/Zr1d7BPEQ8MOsi3.png)]
如果你仔细观察上面两个例子，你会发现当不透明度设置为0时，里面的文字也不会显示
