<style>
/* 设置图片的内边距为10px */
img {
padding: 10px;
}
/* 设置图片的外边距为20px */
.img-Box {
margin: 20px;
}
</style>
<body>
<div class="img-Box">
<img src="image1.jpg" />
<img src="image2.jpg" />
<img src="image3.jpg" />
</div>
</body>
在上述代码中，使用了class属性为img-Box的div元素来包含多张图片。通过设置img元素的padding值为10px，可以使每张图片周围有一定的空白区域。同时，通过设置class属性为img-Box的div元素的margin值为20px，可以使每张图片与其他元素之间存在一定的空白距离，使页面看起来更加整齐。
总的来说，在HTML中设置图片的间距并不复杂，只需要熟练掌握CSS样式中的padding和margin属性，就能够轻松地实现图片间的间距设置。
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
