使用CSS设置图片的间距是一个很常见的需求。通过控制CSS的margin和padding属性，我们可以很容易地调整图片之间的距离，让页面看起来更加美观。 首先，让我们来了解一下margin和padding属性的区别。Margin是指元素的边框到其相邻元素边框之间的距离，而Padding是指元素的内容区域与边框之间的距离。 接下来，我们来看一些例子。假设我们有一个包含了多张图片的网页，我们希望调整图片之间的间距。 我们可以为所有的图片定义一个相同的margin值，如下所示：

img {
margin: 10px;
}

这将会在所有的图片周围添加10个像素的间距。 我们也可以为不同的图片添加不同的间距。例如，我们想在第二张和第三张图片之间添加一个更大的间距，我们可以这样做：

img {
margin: 10px;
}
img:nth-of-type(2) {
margin-right: 20px;
}

这将会在第二张图片的右边添加20个像素的间距。 除了使用margin属性，我们也可以使用padding属性来达到相同的效果。例如，我们可以这样设置图片的边框和内边距：

img {
border: 1px solid black;
padding: 10px;
}

这将会在图片周围添加一个1像素的黑色边框，并在边框和图片之间添加10像素的内边距。 总之，通过控制CSS的margin和padding属性，我们可以轻松地调整图片之间的距离，让页面看起来更加美观。