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

html-css013

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

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

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

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

css中边距分为外边距和内边距 分别是:

margin:

margin有marginmargin-topmargin-rightmargin-leftmargin-bottom可以分别设置也能一次性设置

内边距则是:padding:

和上面margin差不多

他们的设置值是具体的数值或者百分比!