1、css设置图片距离可以用盒子模型的margin属性。操作方法首先用html编辑器新建一个html文件，里面放入几张图片：
2、然后在上方的style中设置css的样式，设置img的margin属性为“030px”即可，其中前一个数字表示上下的距离，后一个数字表示左右的距离。最后再调整统一一下图片的大小，方便观察效果：
3、最后打开浏览器，就会看到2张图片之间是有距离的效果了：
首先两个盒子的总宽度要小于这两个盒子父元素的宽，然后给这两个盒子分别设置一个左浮动一个右浮动，这样中间就会有间隔。
最好是你放图上来，方便了解。
1.代码。
2.效果。
3.<div>标签表示一类盒子；
这里重新定义了这类盒子的属性：
div{background-color:bluewidth:300pxborder:25pxsolidgreenpadding:25pxmargin:25px}
4.注意调用某一类盒子的方法：
<divclass="a1"><p>绿色盒子</p></div>
<divclass="a2"><p>红色盒子</p></div>
dreamweaver怎么网页布局divcss布局divcss布局已经成为当前网页布局的潮流，通过盒子模型和浮动、定位来控制页面布局比以前的表格布局容易控制多了。如何用dreamweaver实现divcss网页布局呢。1、第一步首先设置要了解网页页面布局框架结构，设定宽高和边框，以及设置好class或者id名称；2、第二步打开dreamweavercs5，点击新建html3、第三步根据设定的网页布局，设置div网页结构4、第四步添加div标签的class名称，这里也可以使用id类名5、第五步编辑css控制div块的宽高和背景6、css样式表可以通过在head头部用style添加。不过最好是使用link链接外部css样式表
<style>.vbox{width:300px/*这里是视频的宽度300像素，你可以根据自己的修改*/margin:0auto/*在窗口居中的位置，也可以用margin:上右下左的数值这样竟能在你想要的位置了*/}</style><divclass=“vbox”>这里放视频的代码</div>希望能帮到你
