前言

Joe主题格子图背景CSS代码
前一阵子时间，无意中访问到joe主题的作者网站
发现作者网站的背景还挺简约好看，于是在群里问了许久
一直没人愿意搭理我，后来艾特作者，作者让自己扒
结果扒不到，断定出背景不是图片而是CSS
打开作者网站的源代码，发现了一段代码疑似背景
最后配合 Ctrl+C ，便成功得到该背景的CSS代码
今天在群里也是有小伙伴问我要代码，于是便分享出来供使用 joe主题 的小伙伴们使用
Joe主题格子图背景CSS代码.webp

使用教程

1.首先复制下列代码

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

2.进入后台→设置外观→全局设置
下拉找到 自定义CSS
填入刚刚复制的CSS代码
Joe主题格子图背景CSS代码2.webp
点击保存设置即可

刷新前台查看效果
Joe主题格子图背景CSS代码1.webp

该教程隶属于 可乐云小站 原创

转载时麻烦请带上原文地址，谢谢您的配合

最后修改：2022 年 05 月 15 日
© 允许规范转载
如果觉得我的文章对你有用，请随意赞赏