您好,登錄后才能下訂單哦!
這篇文章主要介紹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); }
顯示效果:
我們可以通過對參數(shù)的改變的,就可以調整邊框的透明度,a的參數(shù)越大,就表示顏色越深,a的值為0就顯示透明。
以上是css如何讓邊框透明的所有內容,感謝各位的閱讀!希望分享的內容對大家有幫助,更多相關知識,歡迎關注億速云行業(yè)資訊頻道!
免責聲明:本站發(fā)布的內容(圖片、視頻和文字)以原創(chuàng)、轉載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權內容。