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; width: 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>

posted @ 2018-09-03 17:07  徐同保  阅读(333)  评论(0)  编辑  收藏  举报