1、首先我们创建一个html文件,引入必须的css文件后,创建一个父div和两个子div作为测试。
2、最简单的方法就是使用float浮动,将两个div进行左右浮动,即可设置出边距,这里适合使用百分比。
3、然后是使用margin外边距,这也是常用的方法,可以设置上下左右边距,这里使用float将两个子div并列。
4、这个方法也是margin方法,当时是使用display:inline-block来将两个div并列,需要注意的是这里会产生边距。
5、最后这个是使用padding内边距,需要有内容的情况下或者在子div中里面加入div以显示效果。
需要准备的材料分别有:电脑、浏览器、html编辑器。
1、首先,打开html编辑器,新建html文件,例如:index.html,编写问题基础代码。
2、在index.html中的<style>标签中,输入css代码:li{padding-left: 50px}。
3、浏览器运行index.html页面,此时li样式点与内容的距离设置到了50px。