作者：电脑信息网日期：
返回目录：设置问题
border:1px solid rgba(0,0,0,0.1);意思是 设定元素的边框为1像素宽，度实线，颜色使用rgba来表达。
其中，rgba是CSS3中的属性问，
rgba括号中前3个数字代表着 red green blue三种颜色的rgb值，0-255，最后一个是设答定这版个颜色的透明度即alpha值。范围从0到1，越接权近1，代表透明度越低。
css 是颜色是16进制 ，转成10进制就是rgb。比如#fabaca (fa十进制,ba十进制，ca十进制)
1、准备好初始化的代码
<html>
<head>
<meta charset="utf-8"/>
<style>
</style>
</head>
<body>
<div></div>
</body>
</html>
2、初抄始化样式
div{
border:1px red solid;
width:800px;
height:800px;
background-color:blue;
}
3、运行结果为
4、设置背景颜色半透明的袭样式代码background-color:rgba(0,0,255,0.5);
5、运行结果为
透明原理：把背景颜色设百置为rgb的方式，然后再加一个透明度就可以设置为半透明了。
注意：设置背景颜色时哪里应该写度成rgba。
在css中使用rgba(255, 255, 255, 0.5);这样的格式来表示zdrgha。其中最后一个参数表示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);}
效果：