分享一个浅色格子的css背景代码

代码：

/* 板块背景（页面整体） */

:root {

–gq-page-bg: #f5f7fa; /* 浅色背景 */

}

/* 容器背景（内容区域） */

.container {

–el-bg-color: #ffffff; /* 白色容器 */

}

/* 浅色格子背景 */

.grid-bg {

background-color: var(–gq-page-bg);

background-image:

linear-gradient(to right, rgba(0,0,0,0.05) 1px, transparent 1px),

linear-gradient(to bottom, rgba(0,0,0,0.05) 1px, transparent 1px);

background-size: 28px 28px;

background-position: 0 0, 0 0;

}

/* 暗黑模式 */

@media (prefers-color-scheme: dark) {

:root {

–gq-page-bg: #0f1115;

}

.container {

–el-bg-color: #1a1d22;

}

.grid-bg {

background-image: none; /* 强制统一暗色背景 */

}

}