[分享]css两个图片间距

今天我想和大家分享一下如何在CSS中设置两个图片间距。 首先，在HTML中插入两个图片，可以使用以下代码： 这样会出现两个图片紧挨在一起的情况。为了让它们之间有空隙，我们需要在CSS中设置一个间距...

今天我想和大家分享一下如何在CSS中设置两个图片间距。
首先，在HTML中插入两个图片，可以使用以下代码：

<img src="image1.jpg">
<img src="image2.jpg"> 

这样会出现两个图片紧挨在一起的情况。为了让它们之间有空隙，我们需要在CSS中设置一个间距。
我们可以使用CSS中的margin属性来设置图片之间的距离。我们可以设置左右或上下的间距，也可以同时设置两个方向的间距。如下所示：

img {
  margin-bottom: 20px;
} 

这将在每个图片之间添加一个20像素的底部间距。我们也可以设置一个左右间距，如下所示：

img {
  margin-right: 10px;
} 

这将在每个图片之间添加一个10像素的右侧间距。如果我们想要垂直和水平方向上的间距同时存在，我们可以使用以下代码：

img {
  margin: 10px 20px;
} 

这将在每个图片之间添加一个10像素的顶部和底部间距，以及20像素的左右间距。
总之，如果我们想在页面上放置两个图片，并在它们之间增加间距，我们可以使用CSS的margin属性。我们可以设置上下间距、左右间距或同时设置垂直和水平方向上的间距。这是一个非常简单的技巧，但可以改善网站的外观。