這篇文章主要介紹css如何讓邊框透明，文中介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們一定要看完！

為巴馬等地區(qū)用戶提供了全套網(wǎng)頁設(shè)計制作服務(wù)，及巴馬網(wǎng)站建設(shè)行業(yè)解決方案。主營業(yè)務(wù)為成都網(wǎng)站制作、成都網(wǎng)站設(shè)計、巴馬網(wǎng)站設(shè)計，以傳統(tǒng)方式定制建設(shè)網(wǎng)站，并提供域名空間備案等一條龍服務(wù)，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務(wù)。我們深信只要達(dá)到每一位用戶的要求，就會得到認(rèn)可，從而選擇與我們長期合作。這樣，我們也可以走得更遠(yuǎn)！

一：css能寫透明邊框嗎

在css中是可以寫透明邊框的，關(guān)鍵是如何寫，怎么寫？等一些問題，透明也是認(rèn)為是一種顏色的屬性，但是在顏色屬性中，是沒有這個數(shù)值的，但是我們可以使用div去實現(xiàn)透明邊框。

二：css怎么讓邊框透明

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

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

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

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);
}

顯示效果：

我們可以通過對參數(shù)的改變的，就可以調(diào)整邊框的透明度，a的參數(shù)越大，就表示顏色越深，a的值為0就顯示透明。

以上是css如何讓邊框透明的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！