在 HTML 中，添加圖片是非常常見的操作。但是我們可能希望在圖片之間添加一些間距，以便頁面看起來更加美觀。接下來讓我們來看一下如何設置圖片間的距離。

<img src="example.jpg" alt="example" width="500" height="500" style="margin: 10px;">
<img src="example2.jpg" alt="example2" width="500" height="500" style="margin: 10px;">

在上面的代碼中，我們設置了兩個 img 標簽，分別對應兩張圖片。我們通過在標簽中使用 style 屬性來設置樣式，其中 margin:10px; 表示上下左右的邊距均為 10 像素。

如果需要添加不同的間距，我們可以分別設置兩張圖片的 margin 值。比如，第一張圖片的 margin 值為 10px，第二張圖片的 margin 值為 20px。代碼如下：

<img src="example.jpg" alt="example" width="500" height="500" style="margin: 10px;">
<img src="example2.jpg" alt="example2" width="500" height="500" style="margin: 20px;">

以上就是如何在 HTML 中設置圖片間的距離的方法。通過設置 margin，我們可以輕松地控制圖片之間的距離，使頁面看起來更加美觀。