css中如何设置两个图片之间的距离

html-css06

css中如何设置两个图片之间的距离,第1张

1、css设置图片距离可以用盒子模型的margin属性。操作方法首先用html编辑器新建一个html文件,里面放入几张图片:

2、然后在上方的style中设置css的样式,设置img的margin属性为“0 30px”即可,其中前一个数字表示上下的距离,后一个数字表示左右的距离。最后在调整统一一下图片的大小,方便观察效果:

3、最后打开浏览器,就会看到2张图片之间是有距离的效果了:

图片的间距,是由 padding 和 margin 两个要素决定的。只要将这2个值置0,即可。

例如:

<img src="xxx.gif" style="padding:0margin:0" alt=""/>