When we set 0.5px in CSS, usually it will be rounded by browsers. But with better and better display like Retina display, 1px would sometimes looks th…

15. doughnut chart

13. list numbering

14. 0.5px border

<pre class="shiki github-dark shaku"><code>.hairline { width: 150px; position: relative; height: 1px; background-color: black;}.hairline::after{ width: 100%; content: ""; position: absolute; height: 1px; background-color: white; transform: translateY(0.5px);}</code></pre>