css怎么设置边框的透明度

css中可通过border-color属性和RGBA()函数设置边框透明度，只需给边框元素添加“border-color: rgba(红,绿,蓝,透明度值)”样式即可。border-color可设置边框颜色，而RGBA()可设置颜色透明度。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

css设置边框的透明度

在css中，可通过border-color属性和RGBA()函数设置边框透明度。

代码示例：

nbsp;html>

    
        <meta>
        <style>
        	div{
        		border:10px solid;
        		margin: 10px 0;
        	}
        </style>
    
    
        <div>测试文本，透明度0.1</div>
        <div>测试文本，透明度0.5</div>
        <div>测试文本，透明度0.8</div>
        <div>测试文本，透明度1.0</div>
    

效果图：

说明：

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视频教程）

前端入门到VUE实战笔记：立即学习
>在学习笔记中，你将探索 前端 的入门与实战技巧！