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

2022-09-15 16:19:30

<!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>

码农公寓

相关文章