画0.5px的线

#line1 {
border-bottom: 1px solid black;
transform: scaleY(0.5);
}

<meta name="viewport" content="width=device-width, initial-scale=0.5">
<style>
#line3 {
border-bottom: 1px solid #000;
}
</style>