css画一条0.5px的直线

【css】画一条0.5px的直线_css画一条0.5px的直线_a堅強的泡沫的博客-CSDN博客

一些用来装饰的图形，比如字体的前面或者后面设置图标，画一条线

如果要画很细很细的线，0.5px ,怎么画

用到css3的transform的scaleY(0.5)函数，对象图形进行变形缩放，0.5表示缩放成原来的一半。

.btn-box::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    transform: scaleY(1);
    background-color: #0b86a6;
    left: 10px;
    top: 42px;
    
}