可以參考以下我的這個代碼：

XXX:{

border: 5px solid rgba(XXX, XXX, XXX, 0.5)

}

其中第一個XXX是你選擇的需要半透明的元素

接下來的XXX是你想要半透明的顏色

設置透明度為0.5就可以做到半透明了。.transparent{

filter:alpha(opacity=50);

-moz-opacity:0.5;

-khtml-opacity: 0.5;

opacity: 0.5;

}

filter:alpha(opacity=50):這個是為IE6設的，可取值在0-100，其它三個0到1.

-moz-opacity:0.5; 這個是為了支持一些老版本的Mozilla瀏覽器。

-khtml-opacity: 0.5; 這個為了支持一些老版本的Safari瀏覽器。

opacity: 0.5; 這是最重要的，因為它是CSS標準.該屬性支持firefox, Safari和 Opera.

您好，可以嘗試使用border-style: solid;

border-color: rgba(250,0,255,0.7)

*注意：rgba分別對應紅綠藍和透明值，其中rgb區間為0(純黑)至255(純色)透明度a區間為0(完全透明)至1不透明

總結

以上是生活随笔為你收集整理的css 边框设置成不透明,css中如何设置半透明边框？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。