css中padding和margin的区别和使用

作者:小小谷 | 创建时间: 2023-06-16
简单谈谈padding和margin的区别,二者都是用来控制边距位置 的。...
css中padding和margin的区别和使用

操作方法

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

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; 四边统一内边距

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; 四边统一外边距

点击展开全文

更多推荐