[css] 用css给一个元素加边框有哪些方法?
生活随笔
收集整理的這篇文章主要介紹了
[css] 用css给一个元素加边框有哪些方法?
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
[css] 用css給一個元素加邊框有哪些方法?
:scope {border: 3px solid black;box-shadow: 0 0 0 1px black; /*不影響布局,無限疊加*/outline: 1px solid black; /*不支持圓角*/background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' stroke='%23000' fill='transparent'/%3E%3C/svg%3E");background-clip: content-box; /*形成透明邊框*/padding: 1px;border-image: linear-gradient(red, black) 1;border: 1px solid; }個人簡介
我是歌謠,歡迎和大家一起交流前后端知識。放棄很容易,
但堅持一定很酷。歡迎大家一起討論
主目錄
與歌謠一起通關前端面試題
總結
以上是生活随笔為你收集整理的[css] 用css给一个元素加边框有哪些方法?的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 手把手教你自学单片机,三个步骤请做好笔记
- 下一篇: 电力电子技术笔记(3)——晶闸管