小視訊原始碼，CSS 實現半透明邊框效果

zhibo系統開發發表於2022-06-14
原始碼CSS

小視訊原始碼，CSS 實現半透明邊框效果

<div class="bg"></div>
<style>
body{
      background: red;
    }
    .bg{
      width: 200px;
      height: 200px;
      margin: 100px auto;
      background: #fff;
      border: 30px solid hsla(0, 0%, 100%, .5);
      background-clip: padding-box; //這裡是重點哦
    }
</style>

以上就是小視訊原始碼，CSS 實現半透明邊框效果實戰， 更多內容歡迎關注之後的文章


來自 “ ITPUB部落格 ” ，連結：http://blog.itpub.net/69978258/viewspace-2900464/，如需轉載，請註明出處，否則將追究法律責任。

相關文章