在页面设计中，图像的排版和间隔是非常重要的一部分，调整图像的间隔可以使页面更加美观，而 CSS 是实现这个功能的重要手段。 要设置图像间隔，我们需要使用 CSS 的 margin 属性来控制图像之间的距离。首先，在 CSS 中定义一个 img 标签的样式：

<code>img {
margin: 10px;
}

上面的代码表示定义了一个 img 标签的样式，设置了 10px 的 margin（即边距），这样每个图像周围都会有 10px 的空白。 我们还可以使用 margin 的缩写形式来实现：

<code>img {
margin: 10px 20px 30px 40px;
}

上面的代码表示设置了一个四个值的 margin 值，分别对应上、右、下、左四个方向的边距。具体来说，上边距为 10px，右边距为 20px，下边距为 30px，左边距为 40px。 当我们想要给页面中的所有图像都设置相同的间隔时，可以使用通配符 *，表示选中页面中的所有元素。

<code>* {
margin: 10px;
}

上述代码表示给页面中的所有元素设置 10px 的 margin 值，这将对整个页面产生影响。 最后需要注意的是，我们可以在 margin 属性中设置负值。这意味着我们可以使图像更加紧凑，让它们彼此更加接近。例如：

<code>img {
margin: -10px;
}

上述代码表示将图像的 margin 值设置为 -10px，这将让图像之间的间隔变得更加紧凑。 综上所述，通过使用 CSS 来设置图像间隔，我们可以轻松地控制页面中图像的排版，让整个页面更加美观。