前言

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 日
如果觉得我的文章对你有用,请随意赞赏