本教程操作环境: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
效果图:
说明:
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之间
转载请注明:IT运维空间 » web技术 » css怎么设置边框的透明度 css怎么设置边框的样式
发表评论