[分享]css两张并排图片间隔

CSS是网页设计中不可缺少的一部分。有时我们想要在网页中放置两张图片并排，但是图片间隔不够美观，这时我们可以使用CSS来解决这个问题。首先，我们需要在HTML文档中放置两张图片： 接下来，我们给这两...

CSS是网页设计中不可缺少的一部分。有时我们想要在网页中放置两张图片并排，但是图片间隔不够美观，这时我们可以使用CSS来解决这个问题。

首先，我们需要在HTML文档中放置两张图片：

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

接下来，我们给这两张图片添加CSS样式：

img {
  display: inline-block; /* 将图片转为行内块元素 */
  margin-right: 10px; /* 设置图片右边距为10px */
} 

上面的代码中，我们使用了display属性将图片转为行内块元素，这样两张图片会并排排列。然后设置了margin-right属性来控制图片之间的间隔。

现在，这两张图片就会有一个美观的间隔了。