如何在CSS中删除一系列图像的内部边框并保持外部边框连续？

Question

我有一系列想要有边框的图像。我不希望图像之间有边框，但是当我将中间图像的边框设置为 0 时，顶部边框之间会出现间隙。

就像这样，中间有很多图像。

 _____
|_____| 

我尝试设置填充，但由于我的图像采用不同的形状，因此我不能为每种形状设置这么多特殊情况。

如何消除间隙，但仍然在图像形状周围保留单个连续边框。

编辑：我正在尝试制作一个游戏，如果一个人选择一张图片，它会突出显示与其周围相似的所有图片。就像宝石镶嵌一样，如果你突出显示一种颜色，相同颜色的瓷砖也会突出显示自己。图像大小相同，以网格图案排列。

Answer 1

从图像中删除所有边框并将它们包装在

中：

<div class="image-wrapper">
  <img />
  <img />
  ...
  <img />
</div>

然后只需对其应用 CSS：

.image-wrapper {
  border: 8px solid rgb(220, 220, 255);
}