border设置1px看起来很粗

解决方法有很多,分享个常用的

    .thin-b-t,
    .thin-b-b,
    .thin-b-r,
    .thin-b-l {
        position: relative;
    }

    .thin-b-t:after,
    .thin-b-b:after {
        position: absolute;
        content: "";
        left: 0;
        top: 0;
        background-color: #DCDCDC;
        width: 100%;
        height: 1PX;
        transform: scaleY(0.5);
        transform-origin: 0 0;
    }

    .thin-b-b::after {
        top: unset;
        bottom: 0;
    }

    .thin-b-r:after,
    .thin-b-l:after {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        background: #DCDCDC;
        width: 1PX;
        height: 100%;
        transform: scaleX(0.5);
        transform-origin: 0 0;
    }

    .thin-b-r:after {
        left: unset;
        right: 0;
    }