首页 话题 小组 问答 好文 用户 我的社区 域名交易 唠叨

[分享]css中border不透明度怎么调

发布于 2024-11-11 19:25:05
0
37

CSS中的border不透明度可以通过rgba来调整,表示红、绿、蓝三种颜色和透明度的值,取值范围在0-1之间。

border: 1px solid rgba(255, 255, 255, 0.5);

上述代码可以将边框设置为宽度为1px,样式为实线,颜色为白色,透明度为0.5,达到border不透明度的调整。

如果只想调整边框的透明度,可以使用transparent来表示边框的颜色,再通过rgba来调整透明度。

border: 1px solid rgba(0, 0, 0, 0.5);
border-color: transparent rgba(0, 0, 0, 0.5) transparent transparent;

上述代码可以将边框设置为宽度为1px,样式为实线,边框颜色为黑色,透明度为0.5,同时通过border-color来将左、上、右三个边框的颜色设置为透明,只保留下边框的颜色。达到调整边框透明度的效果。

总之,通过调整rgba中的透明度值,可以较为方便地调整CSS中border的不透明度。

评论
一个月内的热帖推荐
91云脑
Lv.1普通用户

62849

帖子

14

小组

291

积分

赞助商广告
站长交流