溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

css如何讓邊框透明

發(fā)布時間:2020-09-26 13:50:29 來源:億速云 閱讀:165 作者:小新 欄目:web開發(fā)

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

一:css能寫透明邊框嗎

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

二:css怎么讓邊框透明

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

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

顯示效果:

css如何讓邊框透明

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

以上是css如何讓邊框透明的所有內容,感謝各位的閱讀!希望分享的內容對大家有幫助,更多相關知識,歡迎關注億速云行業(yè)資訊頻道!

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內容(圖片、視頻和文字)以原創(chuàng)、轉載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權內容。

css
AI