這篇文章主要介紹css如何讓邊框透明,文中介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們一定要看完!
在綦江等地區(qū),都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局,加強(qiáng)發(fā)展的系統(tǒng)性、市場(chǎng)前瞻性、產(chǎn)品創(chuàng)新能力,以專(zhuān)注、極致的服務(wù)理念,為客戶提供成都網(wǎng)站建設(shè)、成都網(wǎng)站制作 網(wǎng)站設(shè)計(jì)制作按需求定制網(wǎng)站,公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),成都品牌網(wǎng)站建設(shè),成都營(yíng)銷(xiāo)網(wǎng)站建設(shè),成都外貿(mào)網(wǎng)站建設(shè)公司,綦江網(wǎng)站建設(shè)費(fèi)用合理。一:css能寫(xiě)透明邊框嗎
在css中是可以寫(xiě)透明邊框的,關(guān)鍵是如何寫(xiě),怎么寫(xiě)?等一些問(wèn)題,透明也是認(rèn)為是一種顏色的屬性,但是在顏色屬性中,是沒(méi)有這個(gè)數(shù)值的,但是我們可以使用div去實(shí)現(xiàn)透明邊框。
二:css怎么讓邊框透明
運(yùn)用RGBA,紅色和綠色和藍(lán)色三個(gè)百分比都為200,a為參數(shù),可以設(shè)置成0到1之間的數(shù)字,但是千萬(wàn)不要為負(fù)值,語(yǔ)法如下:
.div {background: rgba(200,200,200,0.75);}
接下來(lái),我們給div增加樣式,首先先設(shè)置上下左右四個(gè)邊框,同時(shí)設(shè)置四個(gè)邊框設(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); }
顯示效果:
我們可以通過(guò)對(duì)參數(shù)的改變的,就可以調(diào)整邊框的透明度,a的參數(shù)越大,就表示顏色越深,a的值為0就顯示透明。
以上是css如何讓邊框透明的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對(duì)大家有幫助,更多相關(guān)知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)網(wǎng)站制作公司行業(yè)資訊頻道!