[css] 如何使用CSS3的属性设置模拟边框跟border效果一样？
生活随笔
收集整理的這篇文章主要介紹了
[css] 如何使用CSS3的属性设置模拟边框跟border效果一样？
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
[css] 如何使用CSS3的屬性設(shè)置模擬邊框跟border效果一樣？
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Title</title><style>.box {width: 200px;height: 200px;background-color: #000;position: relative;}.box:after {content: '';width: 204px;height: 204px;background-color: red;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: -1;}</style> </head> <body> <div class="box"> </div> </body> </html>個人簡介
我是歌謠，歡迎和大家一起交流前后端知識。放棄很容易，
但堅持一定很酷。歡迎大家一起討論
主目錄
與歌謠一起通關(guān)前端面試題
總結(jié)
以上是生活随笔為你收集整理的[css] 如何使用CSS3的属性设置模拟边框跟border效果一样？的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： java课程设计小组分工_java课程设
- 下一篇： [css] 你了解CSS Houdin