css制作0.5px的线条_css画0.3px的线

  <div class="divider"></div>
1

    .divider {
        padding: 0.12rem 0;
        margin-left: 0.34rem;
        border: none;
        position: relative;
        &::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 0.01rem;
            background-color: pink;
            transform: scaleY(0.5);
            margin-top: 0.12rem;
        }
    }  
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

效果图：