这篇文章主要介绍css如何让边框透明,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
一:css能写透明边框吗
在css中是可以写透明边框的,关键是如何写,怎么写?等一些问题,透明也是认为是一种颜色的属性,但是在颜色属性中,是没有这个数值的,但是我们可以使用div去实现透明边框。
二:css怎么让边框透明
运用RGBA,红色和绿色和蓝色三个百分比都为200,a为参数,可以设置成0到1之间的数字,但是千万不要为负值,语法如下:
.div {background: rgba(200,200,200,0.75);}
接下来,我们给div增加样式,首先先设置上下左右四个边框,同时设置四个边框设置相同高度和宽度,代码如下:
div { width: 100px; height:100px; border-top:10px solid rgba(200,200,200,0.25); border-right:10px solid rgba(200,200,200,0.5); border-bottom: 10px solid rgba(200,200,200,0.75); border-left:10px solid rgba(200,200,200,1); }
显示效果:
我们可以通过对参数的改变的,就可以调整边框的透明度,a的参数越大,就表示颜色越深,a的值为0就显示透明。
以上是css如何让边框透明的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注亿速云行业资讯频道!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。