1、首先我们雀余创建一个html文件,引入必顷罩滚须的css文件后,创建一个父div和两个子div作为测试。
2、最简单的方法就是使用float浮动,将两个div进行左右浮动,即可设置出边距,这里适合使用百分比。
3、然后是使用margin外边距,这也是常用的方法,可以设置上下左右边距,这里使用float将两个子div并闷凯列。
4、这个方法也是margin方法,当时是使用display:inline-block来将两个div并列,需要注意的是这里会产生边距。
5、最后这个是使用padding内边距,需要有内容的情况下或者在子div中里面加入div以显示效果。
1、设置派绝padding属性就可以了。首先新建一个HTML文件,斗蚂然后在里面创建一个div块,设置背景颜色为红色并插入一些文字:
2、接下来就可以设置边距了,设置边距可以使用“padding”加上下左右(top,bottom,left、right)来设置,比空羡埋如这里用padding-top属性把文字离边框的上边距设置为50px,可以看到文字离上边距有50个像素:
3、当然也可以同时设置四个边界,直接用padding属性设置就可以了。这里设置padding属性为100px,此时在右面就可以看到,下面的文字上下左右都有间隔了。以上就是设置div的边距的方法: