您好,登錄后才能下訂單哦!
本篇內容主要講解“怎么寫css透明邊框”,感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷,實用性強。下面就讓小編來帶大家學習“怎么寫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:10pxsolidrgba(200,200,200,0.25);
border-right:10pxsolidrgba(200,200,200,0.5);
border-bottom:10pxsolidrgba(200,200,200,0.75);
border-left:10pxsolidrgba(200,200,200,1);
}
到此,相信大家對“怎么寫css透明邊框”有了更深的了解,不妨來實際操作一番吧!這里是億速云網站,更多相關內容可以進入相關頻道進行查詢,關注我們,繼續學習!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。