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

Question

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

所以这样的事情，中间有很多图像。

 _____
|_____| 

我已经尝试设置填充，但由于我的图像采用不同的形状，我不能为每个形状都有这么多特殊情况。

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

编辑：我正在尝试制作一个游戏，如果一个人选择一张图片，它会突出显示与周围相似的所有图片。 像宝石迷阵的东西，如果你突出一个颜色，相同的颜色瓷砖突出自己。 图像大小相同，以网格图案布局。

Answer 1

从图像中删除所有边框并将其包装在<div /> ：

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

然后只需应用CSS：

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