使用CSS代码自定义调整博客主题透明度以及实现格子背景的方法

CSS代码实现调整博客网站透明度背景

我们的博客在使用背景图后，可能会被文字遮挡，影响背景图的效果，方法很简单，不需要任何插件

打开主题的设置页面，找到 自定义CSS ，复制粘贴下面的代码

body { --background: rgba(255,255,255,0.7) }

其中（ ）里面的0.7表示透明度，可以自行更改达到自己想要的效果

例：我想要实现半透明，就把0.7改为0.5，代码如下：

body { --background: rgba(255,255,255,0.5) }

同理如果想实现完全透明，那就将0.7改为0.0即可完全透明。

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还解决了部分特定页面下，普通背景高度不够的问题。

👋 感谢您的观看！