CSS代码实现让博客网站使用格子背景

前言

网站美化能让我们的网站变得更好看，比如美化字体、增加特效、添加背景图片等，但是过度美化无疑会增加服务器的压力，今天分享一个 格子背景 由 CSS代码 实现，又节省一个 HTTP请求  搭配《怎么调整博客主题的透明度》可以达到一个不错的效果

代码

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 里面即可，效果图同本站，此CSS还解决了部分特定页面下，普通背景高度不够的问题