原有元素要添加 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;

}

總結

以上是生活随笔為你收集整理的CSS 实现 0.5px 边框线的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。