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的不透明度。