HTML CSS：仅为内部元素添加边框网格线

我有一个网格图像库。我想有灰色网格线之间的所有图像图片的边界，只有内部的，而不是外部线。我该怎么做？阅读所有文档，寻找网格线颜色属性

有人知道CSS或HTML中的属性吗？ 我将有不同的图片配置

.card{
边框颜色：#D3；
边框样式：实心；
边框宽度：1px；
宽度：100%；
右边距：0；
填充：0；
}
.卡头{
背景色：白色；
}
.卡体{
背景色：白色；
}
.cardcheckbox{
位置：绝对位置；
右：5px；
顶部：5px；
/*垂直对齐：中间对齐；
浮动：对*/
可见性：隐藏；
}
输入[类型=复选框]：选中{
能见度：可见；
}
.card：悬停.cardcheckbox{
能见度：可见；
}
.材质图标{
显示：内联flex；
垂直对齐：顶部；
}
.卡头.手风琴开关{
&.崩溃后{
字体系列：“材质图标”；
内容：“\e5cf”；
}
&：之后{
字体系列：“材质图标”；
内容：“\e5ce”；
浮动：对；
颜色：灰色；
}
}

有叶子的树

您可以使用网格模板列来完成此操作

• 创建一个父容器，用于保存四个图像

• 设置背景色（所需的边框颜色）

• 将填充设置为0

• 然后按网格模板列排列图像：auto
  汽车

• 然后将间隙添加到它们的网格间隙：10px；（以显示的背景色） 容器（如网格所示）

请参考下面的代码

html

图像在这里
图像在这里
图像在这里
图像在这里

为了帮助您可视化，我创建了一个示例代码

希望能有帮助

---

干杯

您可以使用网格模板列来执行此操作

• 创建一个父容器，用于保存四个图像

• 设置背景色（所需的边框颜色）

• 将填充设置为0

• 然后按网格模板列排列图像：auto
  汽车

• 然后将间隙添加到它们的网格间隙：10px；（以显示的背景色） 容器（如网格所示）

请参考下面的代码

html

图像在这里
图像在这里
图像在这里
图像在这里

为了帮助您可视化，我创建了一个示例代码

希望能有帮助

---

干杯

这是否适用于任何可变图片元素网格？2x3、3X8、4X4？等？是的，如果您需要添加列，只需将其设置为例如3X8 css必须喜欢此网格模板列：auto；尝试访问我的plunker，这样你就可以做实验了。太棒了，你也应该在这里发布你的答案，看起来他们给出的答案太复杂了。这项工作适用于任何可变图片元素网格？2x3、3X8、4X4？等？是的，如果您需要添加列，只需将其设置为例如3X8 css必须喜欢此网格模板列：auto；尝试访问我的plunker，这样你就可以做实验了。太棒了，你也应该在这里发布你的答案，看起来他们给出的答案太复杂了

.container {
  width: 200px;
  display: grid;
  grid-template-columns: auto auto;
  grid-gap: 10px;

  background-color: #000;
  padding: 0;
}
.container > div {
  background-color: #ccc;
  padding: 20px;
  text-align: center;
}

<div class="container">
      <div>Image here</div>
      <div>Image Here</div>
      <div>Image here</div>
      <div>Image here</div>
    </div>