CSS-框模型处理 外边距、边框、内边距、元素内容

我会带着你远行 2023-07-01 07:26 113阅读 0赞

在这里插入图片描述

  1. <html>
  2. <head>
  3. </head>
  4. <body>
  5. <div>
  6. <p>内容、文字,元素内容</p>
  7. </div>
  8. </body>
  9. </html>

在这里插入图片描述

说明:
1.以p标签为参考对象
2.外边距(margin): p到div的距离
3.边框(border): p的边框
4.内边距(padding):”内容、文字,元素内容”到p的距离
5.元素内容:”内容、文字,元素内容”

在CSS中,width和height指的是内容区域的宽度和高度。
增加内边距、边框和外边距不会影响内容区域的尺寸,但是会增加元素框的总尺寸。

在这里插入图片描述

发表评论

表情:
评论列表 (有 0 条评论,113人围观)

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

相关阅读