1、css设置图片距离可以用盒子模型的margin属性。操作方法首先用html编辑器新建一个html文件，里面放入几张图片：
2、然后在上方的style中设置css的样式，设置img的margin属性为“0 30px”即可，其中前一个数字表示上下的距离，后一个数字表示左右的距离。最后在调整统一一下图片的大小，方便观察效果：
3、最后打开浏览器，就会看到2张图片之间是有距离的效果了：
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<style>标签中，输入css代码：.sub{margin-top: 30px}。
3、浏览器运行index.html页面，此时3个div子子容器的垂直间距被统一设置为了30px。
