css如何让边框透明?

作者: 前端项目部 | 来源:发表于2019-09-29 14:27 被阅读0次

    透明一般认为是一种颜色属性,但是并没有这个数值。我们找到了一种让边框实现透明的最佳方案,运用RGBA设置。

    css可以使用RGBA设置边框透明,RGBA在RGB的基础上多了控制alpha透明度的参数,我们使用RGBA设置边框颜色同时可以设置边框透明度。

    RGBA在RGB的基础上多了控制alpha透明度的参数。R(红)、G(绿)、B(蓝)三个参数,正整数值的取值范围为:0 – 255或用百分数值的取值范围为:0.0% – 100.0%。

    超出范围的数值将被截至其最接近的取值极限。并非所有浏览器都支持使用百分数值。A参数,取值在0~1之间,不可为负值

    RGBA语法示例:

    接下来演示如和让边框透明:

    设置左右边框完全透明css代码:

    显示效果如图所示,每一边的透明度都不一样。当我们需要设置边框的透明度的时候,根据需要填写最后一个数值在0-1之间就可以了。

    以上就是css如何让边框透明?的详细内容,

    只有顺应潮流、预见潮流,掌握潮流的技术、不断更新知识库,你才能始终保持主动权、拿到高薪。如果你想快速入门Web前端、掌握企业所需的潮流技术点,建议参加专业的学习。自己是一个6年的前端开发工程师这里推荐一下我的前端学习交流扣qun:【四八四】【七五七】【七六零】 里面都是学习前端的,从最基础的HTML+CSS+JS【炫酷特效,游戏,插件封装,设计模式】到移动端HTML5的项目实战的学习资料都有整理,送给每一位前端小伙伴。2019最新技术,从企业招聘人才需求 到怎么学习前端开发,和学习什么内容都有免费系统分享。好友都在里面学习交流,每天都会有大牛定时讲解前端技术!

    相关文章

      网友评论

        本文标题:css如何让边框透明?

        本文链接:https://www.haomeiwen.com/subject/avufpctx.html