使用格子背景

oscool资源分享

发布于 2024-08-24 08:35:02

920

发布于 2024-08-24 08:35:02

文章被收录于专栏：oscool资源分享

美化网站进行访客吸睛,网站使用代码完成背景格子,使用图片的话又多一个http请求,占用服务器资源,我们直接使用css代码实现

body::before {
            background-image: linear-gradient(90deg, rgba(60, 10, 30, .04) 10%, transparent 0), linear-gradient(1turn, rgba(60, 10, 30, .04) 3%, transparent 0);
            background-size: 20px 20px;
            background-position: 50%;
            background-repeat: repeat;
}
}

代码放在主题全局设置里面的自定义css里面，随后保存即可。

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2024年07月29日，如有侵权请联系 cloudcommunity@tencent.com 删除

css