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

html-css030

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

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代码:img {position: absolutebottom: 80pxz-index: -1}。

3、浏览器运行index.html页面,此时实现了背景图片距离底部80px大小。

css中给元素设置下内边距为100像素的代码是:padding-bottom:100px。

CSS中的padding属性用于在任何定义的边界内的元素内容周围生成空间。通过CSS,可以完全控制内边距(填充)。有一些属性可以为元素的每一侧(上、右、下和左侧)设置内边距。padding-top为上内边距;padding-right为右内边距;padding-bottom为下内边距;padding-left为左内边距。

css:层叠样式表是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。