CSS 实现 0.5px 边框线

最新推荐文章于 2025-09-05 14:01:23 发布

转载最新推荐文章于 2025-09-05 14:01:23 发布 · 145 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/pipimao/blog/3008607

文章标签：

#python

2019独角兽企业重金招聘Python工程师标准>>>

原有元素要添加 position: relative; ::before伪元素一定要加z-index属性保证原有元素处于后加元素上层，否则会导致原有元素上点击等事件触发不了

<div class="top border-line">
</div>

.top {
    position: relative;
  }

.border-line::before {
    z-index: -999;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    border-bottom: 1px solid #000;
    width: 200%;
    height: 200%;
    transform-origin: 0 0;
    transform: scale(0.5, 0.5);
    box-sizing: border-box;
  }

转载于:https://my.oschina.net/pipimao/blog/3008607