通过后台自定义css实现网站背景修改,格子背景简约而不失美感
/* 格子背景 */
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;
}
}
/* 背景透明度 */
body {
--background: rgba(255,255,255,0.7)
}
通过ccs实现背景修改,避免了某些页面高度适配问题