[css] 如何使用CSS3的属性设置模拟边框跟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>
个人简介
我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，
但坚持一定很酷。欢迎大家一起讨论
主目录
与歌谣一起通关前端面试题
![[css] 如何设置背景图片不随着文本内容的滚动而滚动？](http://pic.xiahunao.cn/[css] 如何设置背景图片不随着文本内容的滚动而滚动？)
![[css] 写一个高度从0到auto的transition动画](http://pic.xiahunao.cn/[css] 写一个高度从0到auto的transition动画)
![[Luogu] P1939 【模板】矩阵加速（数列）](http://pic.xiahunao.cn/[Luogu] P1939 【模板】矩阵加速（数列）)
![[css] 移动端页面不满一屏时如何实现满屏背景？](http://pic.xiahunao.cn/[css] 移动端页面不满一屏时如何实现满屏背景？)
![[css] css中class和id选择器有什么区别？](http://pic.xiahunao.cn/[css] css中class和id选择器有什么区别？)
![[css] css中兼容ie浏览器的前缀是什么?](http://pic.xiahunao.cn/[css] css中兼容ie浏览器的前缀是什么?)
![[css] 请问触发hasLayout的后果是什么？](http://pic.xiahunao.cn/[css] 请问触发hasLayout的后果是什么？)