本篇文章给大家谈谈border 透明度，以及border透明度对应的知识点，文章可能有点长，但是希望大家可以阅读完，增长自己的知识，最重要的是希望对各位有所帮助，可以解决了您的问题，不要忘了收藏本站喔。
本文目录
如何在css中设置半透明边框css box-shadow 怎么设置透明度css 为什么div 设置了背景颜色 边框透明度就没有了呢Div关于边框和透明度的一些设置如何在css中设置半透明边框可以参考以下我的这个代码：
XXX:{
border:
5px
solid
rgba(XXX,
XXX,
XXX,
0.5)
}
其中第一个XXX是你选择的需要半透明的元素
接下来的XXX是你想要半透明的颜色
设置透明度为0.5就可以做到半透明了。
css box-shadow 怎么设置透明度1、首先打开html编辑器，新建一个html文件，在文件内写入两个div，设置它们的样式为div1和div2：
2、然后分别设置两个div的样式，给它们相同的高度和宽度以及颜色，最后设置box-shadow属性，这里的颜色使用rgba来设置，最后一个属性好就是设置透明度的，其中一个设置1另一个设置0.5即可：
3、最后在浏览器中观察两个div的阴影样式，下面的明显比上面的要淡一些。以上就是css中box-shadow设置透明度的办法：
css 为什么div 设置了背景颜色 边框透明度就没有了呢要不你换个方式.div1{width:200px;height:300px;background:rgba(0,0,0,0.3);padding:10px;}
.div2{width:200px;height:300px;background:#fff;}
<divclass="div1">
<divclass="div2"></div>
</div>
Div关于边框和透明度的一些设置
本示例为大家为大家介绍下有关div的一些设置，如边框、透明度的写法，不会的朋友可以参考下
边框：
Style=”border-style:solid;border-width:5px;border-color:颜色”
透明度：
Style=”filter:alpha(opacity=50)”
(50%的透明度)
border 透明度和border透明度的问题分享结束啦，以上的文章解决了您的问题吗？欢迎您下次再来哦！
