透明一般認為是一種顏色屬性，但是并沒有這個數值。我們找到了一種讓邊框實現透明的最佳方案，運用RGBA設置。

css可以使用RGBA設置邊框透明，RGBA在RGB的基礎上多了控制alpha透明度的參數，我們使用RGBA設置邊框顏色同時可以設置邊框透明度。

RGBA在RGB的基礎上多了控制alpha透明度的參數。R(紅)、G(綠)、B(藍)三個參數，正整數值的取值范圍為：0 – 255或用百分數值的取值范圍為：0.0% – 100.0%。

超出范圍的數值將被截至其最接近的取值極限。并非所有瀏覽器都支持使用百分數值。A參數，取值在0~1之間，不可為負值

RGBA語法示例：.div {background: rgba(200,200,200,0.5);}

接下來演示如和讓邊框透明：

設置左右邊框完全透明css代碼：div {

width: 100px; height:100px;

border-top:10px solid rgba(200,200,200,0.25);

border-right:10px solid rgba(200,200,200,0);

border-bottom: 10px solid rgba(200,200,200,0.75);

border-left:10px solid rgba(200,200,200,0);

}

顯示效果如圖所示，每一邊的透明度都不一樣。當我們需要設置邊框的透明度的時候，根據需要填寫最后一個數值在0-1之間就可以了。

總結

以上是生活随笔為你收集整理的html如何让框架的边框消失,css如何让边框透明？的全部內容，希望文章能夠幫你解決所遇到的問題。

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