css实现网格桌布效果，line-gradient 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <style>
            body{
                margin: 0;
                background-color: #fff;
                background-image: linear-gradient(
                    transparent,
                    transparent 50%,
                    rgba(234,159,167, 0.3) 50%/*用来定位*/
                    ),
                    linear-gradient(
                    to right,
                    transparent,
                    transparent 50%,
                    rgba(234,159,167, 0.3) 50%);
                background-size: 40px 40px;
            }
        </style>
    </head>
    <body>
        
    </body>
</html>

 

posted @ 2020-07-19 07:28  放学别跑啊  阅读(408)  评论(0)  编辑  收藏  举报