css方格图、网格线

最新推荐文章于 2023-07-17 09:21:43 发布

har01d

最新推荐文章于 2023-07-17 09:21:43 发布

阅读量238

点赞数

文章标签： css css3

本文链接：https://blog.csdn.net/weixin_43951592/article/details/119786133

版权

在这里插入图片描述

<div style="background-image: linear-gradient(0deg,transparent 24%,hsla(0,0%,100%,.32) 25%,hsla(0,0%,100%,.32) 26%,transparent 27%,transparent 74%,hsla(0,0%,100%,.32) 75%,hsla(0,0%,100%,.32) 76%,transparent 77%,transparent),linear-gradient(
90deg,transparent 24%,hsla(0,0%,100%,.32) 25%,hsla(0,0%,100%,.32) 26%,transparent 27%,transparent 74%,hsla(0,0%,100%,.32) 75%,hsla(0,0%,100%,.32) 76%,transparent 77%,transparent);background-size: 40px 40px;width: 500px;height: 600px;background-color: rgb(0, 0, 0);"></div>

在这里插入图片描述

<div style="
    background-image: linear-gradient(0deg,transparent 20%,yellow 40%,orange 60%,red 80%,transparent 100%),linear-gradient(90deg,transparent 20%,yellow 40%,orange 60%,red 80%,transparent 100%);
    background-size: 50px 50px;
    width: 300px;height: 400px;
    background-color: rgb(16, 139, 0);"></div>