Html CSS网格：不完整行的边框

有没有一种方法可以让CSS网格（

display:grid

）在所有项目周围都有1px的边框，并填充不完整的行？设置背景色的方法似乎不是可行的解决方案

我的目标是在代码片段中创建一个没有灰色区域的网格，其中缺少项目，网格线始终延伸到整个表。这适用于每行项目的响应组合

似乎需要特殊的伪类才能使下面没有项，而右边没有项，这样才能在响应性布局中工作，因为最后一种类型的网格信息太少，无法将其用于样式设置

.grid{
显示：网格；
网格模板列：重复（自动填充，最小值（200px，1fr））；
背景色：#D4；
网格间距：1px；
边框：1px实心#d4；
}
.grid>div{
填充：15px；
文本对齐：居中；
背景色：白色；
}

1.
2.
3.
4.

您应该申请

• 网格容器和网格项的背景色相同
• 带有负数的网格项的右边框和下边框 裕度（这将由电网间隙补偿）

演示：

.grid{
显示：网格；
网格模板列：重复（自动填充，最小值（200px，1fr））；
背景色：白色；
网格间距：1px；
边框：1px实心#d4；
}
.grid>div{
填充：15px；
文本对齐：居中；
背景色：继承；
边界权：继承；
右边距：-1px；
边框底部：继承；
边缘底部：-1px；
}

1.
2.
3.
4.