您好,登錄后才能下訂單哦!
這篇文章主要介紹css如何讓邊框透明,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!
一:css能寫透明邊框嗎
在css中是可以寫透明邊框的,關鍵是如何寫,怎么寫?等一些問題,透明也是認為是一種顏色的屬性,但是在顏色屬性中,是沒有這個數值的,但是我們可以使用div去實現透明邊框。
二: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如何讓邊框透明的所有內容,感謝各位的閱讀!希望分享的內容對大家有幫助,更多相關知識,歡迎關注億速云行業資訊頻道!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。