如何刪除一系列圖像的內部邊框並使外部邊框在css中保持連續？

Question

我有一系列我想要的邊框圖像。我不希望圖像之間有邊框，但是當我將中間圖像的邊框設置爲0時，我會在頂部邊框之間出現間隙。

所以像這樣的東西，中間有許多圖像。

_____ 
|_____| 

我試過設置填充，但因爲我的圖片採取不同的形狀，我不能對每個形狀如此多的特殊情況。

如何消除間隙，但仍然圍繞圖像的形狀保持單個連續邊框。

編輯：我試圖做一個遊戲，如果一個人選擇了一張圖片，它會突出顯示所有與它相似的圖片。像寶石般的珠寶，如果你突出一種顏色，相同的顏色瓷磚突出自己。圖像大小相同，以網格模式排列。

Answer 1

刪除從圖像中所有邊框，敷他們在一個<div />：

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

然後，只需將CSS應用到它：

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