时间:2021-07-01 10:21:17 帮助过:21人阅读
通过CSS实现的,手机看不到效果的原因是响应式页面
原理如下:
设置body的背景色为#1a1a1a 深灰,这样左右的黑框就有了
然后通过伪类选择器:before & :after实现上下的黑框,定位设置为fixed相对浏览器窗口定位,设置一定的高度,这样上下的黑框也有了
你试试下面简化的样式就明白了
无标题文档 我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容
非常感谢呀,以前没用过before和after,多谢,请问这两个是不是都是CSS的标签,需要浏览器支持?
页面名称