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代码:td {padding: 20px}。
3、浏览器运行index.html页面,此时表格中的文字被设置为都距离上下左右20px大小。
给标签加word-spacing和letter-spacing就行了,word-spacing这个是数字、单词、汉字之间的间距;letter-spacing是字母之间的间距一般这2个样式用的比较少,不过防止出问题设2个也没事,2个都设同样的值就好了