admin

css怎么设置边框的透明度 css怎么设置边框的样式

admin web技术 2022-10-23 559浏览 0

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

css设置边框的透明度

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

代码示例:

div{
        		border:10px solid;
        		margin: 10px 0;
        	}
        
    
    
        测试文本,透明度0.1
        测试文本,透明度0.5
        测试文本,透明度0.8
        测试文本,透明度1.0

效果图:

css怎么设置边框的透明度 css怎么设置边框的样式

说明:

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教程 的文章
发表评论