CSS 框模型 (Box Model) 规定了元素框处理元素内容、内边距、边框 和 外边距 的方式。所以两个图片之间的距离可以用外边距（margin）来实现：
margin: top right bottom left;
示例：假设页面中放置了2行共6张图片
<img src="1.png-600" alt="example"><img src="1.png-600" alt="example"><img src="1.png-600" alt="example"> <img src="1.png-600" alt="example"><img src="1.png-600" alt="example"><img src="1.png-600" alt="example">
如果通过css设置图片边距为零，则效果如下
img{margin:0;}
如果通过css设置图片各个方向的距离相等为10px，则效果如下
img{margin:10px;}
如果通过css设置图片不等距离：上下20px，左右10px，则效果如下
img{margin:20px 10px;}
margin属性：
margin 简写属性在一个声明中设置所有外边距属性。该属性可以有 1 到 4 个值。
这个简写属性设置一个元素所有外边距的宽度，或者设置各边上外边距的宽度。
块级元素的垂直相邻外边距会合并，而行内元素实际上不占上下外边距。行内元素的的左右外边距不会合并。同样地，浮动元素的外边距也不会合并。允许指定负的外边距值，不过使用时要小心。
注释：允许使用负值。
属性值：
auto 浏览器计算外边距。
length 规定以具体单位计的外边距值，比如像素、厘米等。默认值是 0px。
% 规定基于父元素的宽度的百分比的外边距。
inherit 规定应该从父元素继承外边距。
以上就是css怎么调图片间距？的详细内容，更多请关注0133技术站其它相关文章！
