大家在给网站换背景图片的时候，总会遇到找不到好看的背景$[经典表情]::(可怜)。今天我来给大家分享白色格子背景的设置方法，只需要几行css代码即可实现。好看又实用，可以减轻服务器的负担。效果也是非常的不错，一起来看看吧$[经典表情]::(呲牙)

效果图#

本站首页的背景就是这个，可以参考本站#

css代码#

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

如果你博客使用的是joe主题可以放在自定义css里面

Test

{message type=“info” content=“如果效果没有生效，请在代码里加入style标签”/}

本期内容就到这里了，感谢大家的支持！！！