CSS内外边距的区别_css内边距和外边距的区别

作者：很楠不爱3 | 2024-05-27 09:34:36

踩

css内边距和外边距的区别

外边距(Margin)：围绕在元素边框的空白区域是外边距。设置外边距会在元素外创建额外的“空白”。
内边距(Padding)：元素的内边距在边框和内容区之间。
在初学CSS的时候内外边距的解释比较抽象
下面是详细解释：
创建一个页面给body设置一个灰色背景，为了方便演示我加了float左浮动
创建一个div元素设置属性并且添加内容
内边距简单解释就是元素与该元素的内容的距离

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>内外边距的区别1
2
3
4
5

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/很楠不爱3/article/detail/631021