css绘制条纹背景 css画线分割线坐标线栅格线

<html>

<head>
    <title>css绘制条纹背景</title>
    <link href="https://cdn.bootcss.com/vis/4.21.0/vis.min.css" rel="stylesheet">
    <style type="text/css">
    body {
        margin: 0;
        background: #ffffff;
    }
    .m-test{margin: 100px 0 0 100px;  201px; height: 100px;border-top: 1px solid #dddddd;}
    .m-line{background-image: linear-gradient(0deg, #dddddd 1px, transparent 0),linear-gradient(90deg, #dddddd 1px, transparent 0);background-size: 100px 10px;}
    </style>
</head>

<body>
    <div class="m-test m-line"></div>
</body>

</html>

css绘制条纹背景 css画线 分割线 坐标线 栅格线

css绘制条纹背景 css画线分割线坐标线栅格线