简单谈谈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; 四边统一外边距
上一篇:如何使用css指定第n个元素样式
下一篇:CSS样式,CSS级别区别