css中怎么让每张图片有间距

CSS中如何让每张图片有间距？

img {
  margin: 10px;
} 

上述代码可以让每张图片的上下左右都有10px的间距，使页面更美观。

注意：这里是给<img>标签加上间距，如果是使用CSS设置背景图片，可以在父元素中加上padding或margin属性。

同时，如果想要单独给某一个图片定义间距，可以给该图片添加class属性，如下：

<img src="image.jpg" class="my-img">

.my-img {
  margin: 20px;
} 

上述代码可以让class属性为my-img的图片与其他图片的间距不同。

如果想要让图片与文字之间有间距，则可以将文字用<p>标签包裹起来，给该标签加上margin-bottom属性，如下：

<p>这里是一些文字...</p>
<img src="image.jpg">

p {
  margin-bottom: 20px;
}

img {
  margin: 10px;
} 

上述代码可以让每段文字与图片之间有20px的间距。

总之，在设计页面布局时，合理运用CSS的间距属性可以让页面更加美观、易读。