:after伪类方法解决移动端1px变粗的原因

web_qdkf

于 2017-12-29 12:03:14 发布

阅读量1k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： CSS

本文链接：https://blog.youkuaiyun.com/web_qdkf/article/details/78930094

CSS 专栏收录该内容

4 篇文章

订阅专栏

本文介绍如何使用 CSS 的 :after 伪类创建底部边框效果，通过相对定位和绝对定位结合，实现一个简单的带边框的线条样式。该技巧适用于网页布局中的各类元素修饰。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

:after伪类方法

.border-line{position:relative;}
.border-line:after{position: absolute; width: 100%; left: 0;bottom: 0; display: block;border-top: 1px solid rgba(7,17,27,0.1); content: ' ';}