CSS3实现0.5px的线_css3 0.5px分割线

作者：Monodyee | 2024-05-02 00:06:16

踩

css3 0.5px分割线

如何使用CSS3实现0.5PX的线


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>0.5px的线</title>
    <style>
        .line {
            position: absolute;
            left: 0;
            top: 10px;
            width: 100%;
            height: 1px;
            background-color: #000000;
            transform: scaleY(.5);
        }
 
        .line1 {
            position: relative;
            top: 20px;
            width: 100%;
            height: 1px;
            background-color: #000000;
        }
    </style>
</head>
<body>
<div class="line"></div>
<div class="line1"></div>
</body>
</html>

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/Monodyee/article/detail/521185