多语言展示
当前在线:953今日阅读:84今日分享:32

css中padding和margin的区别和使用

简单谈谈padding和margin的区别,二者都是用来控制边距位置 的。
工具/原料

操作系统、相关软件

方法/步骤
1

margin是指从元素自身边框到另一个元素边框之间的距离,就是容器之外距离。而padding是指元素自身边框到自身内部另一个元素边框之间的距离,就是容器内距离。好比你的屋子作为目标元素 ,屋外的东西和屋子的距离用margin,屋内的东西和屋子的距离用padding

2

padding的用法:1、padding:10px 20px 30px 40px; 上、右、下、左内边距2、padding-left:10px; 左内边距3、padding-right:10px; 右内边距4、padding-top:10px; 上内边距5、padding-bottom:10px; 下内边距6、padding:10px; 四边统一内边距

3

margin的用法:1、margin:10px 20px 30px 40px; 上、右、下、左外边距2、margin-left:10px; 左外边距3、margin-right:10px; 右外边距4、margin-top:10px; 上外边距5、margin-bottom:10px; 下外边距6、margin:10px; 四边统一外边距

推荐信息