首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >CSS中“margin”和“padding”属性的区别

CSS中“margin”和“padding”属性的区别
EN

Stack Overflow用户
提问于 2018-12-19 01:42:22
回答 1查看 0关注 0票数 0

根据下面的示例,“margin”和“padding”属性将用于在段落元素周围创建100px的空间(在边框内创建空间)。那么CSS中的“margin”和“padding”属性有什么区别?

代码语言:javascript
复制
<style type="text/css">
    div.bor {
       border:5px solid red;
    }
    div.mar {
       margin:100px;
    }
</style>
<div class="bor">
   <div class="mar"><p>This is a paragraph</p></div>
</div><br>
<div class="bor">
   <div style="padding:100px">
   <p>This is a paragraph</p>
</div>
</div>
EN

回答 1

Stack Overflow用户

发布于 2018-12-19 11:12:16

Margin在外,padding在内。

代码语言:javascript
复制
.margin,
.padding {
  background: red;
}

.padding {
  padding: 10px;
}

.margin {
  margin: 10px;
}

代码语言:javascript
复制
<p class="margin">
  Margin
</p>
<p class="padding">
  Padding
</p>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/-100003082

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档