CSS实现0.5px边框

1. 使用伪元素

.element::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0.5px; /* 模拟 0.5px 边框 */
    background: #000; /* 边框颜色 */
}

·   2. 使用阴影

    border: 1px solid transparent; /* 隐藏主边框 */
    box-shadow: 0 0 0 0.5px #000; /* 模拟 0.5px 边框 *

    3. 缩放

    border: 1px solid #000; /* 1px 主要边框 */
    transform: scaleY(0.5); /* 垂直方向缩放 */