css中的padding和margin的区别和使用

红太狼 2022-03-26 02:58 384阅读 0赞

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

发表评论

表情：
评论列表 （有 0 条评论，384人围观）

还没有评论，来说两句吧...

相关阅读

    相关 CSS中margin和padding的区别

    padding是控件的内容相对控件的边缘的边距． margin是控件边缘相对父空间的边距． 在CSS中margin是指从自身边框到另一个容器边框之间的距离，就是容器外

    迷南。迷南。/ 0 赞/ 262 阅读

    相关 padding和margin的区别

    margin是指从自身边框到另一个容器边框之间的距离，就是容器外距离。 padding是指自身边框到自身内部另一个容器边框之间的距离，就是容器内距离。 摘自：[https:

    悠悠悠悠/ 0 赞/ 475 阅读