是否可以将所有CSS网格线绘制为虚线边框或轮廓（如果允许使用JS）？ [重复]

Question

对于以下CSS网格：

#my-css-grid {
  display: grid;
  grid-template-rows: repeat(6, 20px);
  grid-template-columns: repeat(6, 20px);
}

<div id="my-css-grid">
</div>

我们可以画出如下所示的网格线边界或轮廓吗？

Google Chrome实际上以调试检查模式绘制它们，而Firefox和Safari则不。是否可以绘制网格线（1）如果我们不能使用JavaScript，或者（2）如果可以使用JavaScript？

Answer 1

如果您要确定。

对于容器div，您将有

border-top-style: dotted;
border-bottom-style: dotted;

然后对于您网格中的每个内部单元格（每行的第一个单元格除外），您只需编写：

border-right-style: dotted;

如果您动态构建网格，您实际上就不需要JavaScript。

我觉得我在这里错过了问题