css中可通过border-color属性和RGBA()函数设置边框透明度，只需给边框元素添加“border-color: rgba(红,绿,蓝,透明度值)”样式即可。border-color可设置 边框颜色 ，而RGBA()可设置颜色透明度。
本教程操作环境：windows7系统、CSS3 && HT ML 5版、Dell G3 电 脑。
css设置边框的透明度
在css中，可通过border-color属性和RGBA()函数设置边框透明度。
代码示例：
<!DOCTY PE html>
<html>
<head>
< ;m eta charset="UTF-8">
<style type="text/css">
div{
border:10px solid;
m arg in: 10px 0;
}
</style>
</head>
<body>
<div style="border-color: rgba(0,153,0,0.1);">测试文本，透明度0.1</div>
<div style="border-color: rgba(0,153,0,0.5);">测试文本，透明度0.5</div>
<div style="border-color: rgba(0,153,0,0.8);">测试文本，透明度0.8</div>
<div style="border-color: rgba(0,153,0,1.0);">测试文本，透明度1.0</div>
</body>
</html>效果图：
说明：
border-color属性可以设置边框颜色，而RGBA()函数可以设置颜色透明度。
RGBA 的 意思 是（ red -Green-Blue-Alpha）它是在 RGB 上扩展包括了 “alpha” 通道，运行对颜色值设置透明度。
语法：
rgba（R,G,B,A）;
rgba() 里的值的介绍：
R： 红色 值。正整数 （0~255）
G：绿色值。正整数 （0~255）
B：蓝色值。正整数（0~255）
A：透明度。取值0~1之间
（学习视频分享：css视频教程）
以上就是css怎么设置边框的透明度的详细内容，更多请关注其它相关 文章 ！
总结
以上是 为你收集整理的 css怎么设置边框的透明度 全部内容，希望文章能够帮你解决 css怎么设置边框的透明度 所遇到的问题。
如果觉得 网站内容还不错， 推荐好友。
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did250082