css如何設定邊框透明

在css中，可以使用border屬性來配合rgba()設定所有邊框透明；也可以使用border-top、border-right、border-bottom、border-left屬性與rgba()來配合設定某個邊框透明。

本教學操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。

css怎麼讓邊框透明：

運用RGBA，紅色和綠色和藍色三個百分比都為200，a為參數，可以設定成0到1之間的數字，但是千萬不要為負值，語法如下：

.div {
    background: rgba(200,200,200,0.75);
}

接下來，我們給div增加樣式，先設定上下左右四個邊框，同時設定四個邊框設置相同高度和寬度，程式碼如下：

div {
    width: 100px;    
    height:100px;  
    border-top:10px solid  rgba(200,200,200,0.25);  
    border-right:10px solid  rgba(200,200,200,0.5);  
    border-bottom: 10px solid  rgba(200,200,200,0.75);  
    border-left:10px solid  rgba(200,200,200,1);
}

顯示效果：

#我們可以透過對參數的改變的，就可以調整邊框的透明度，a的參數越大，表示顏色越深，a的值為0就顯示透明。

推薦學習：css影片教學

#

以上是css如何設定邊框透明的詳細內容。更多資訊請關注PHP中文網其他相關文章！