现在的位置: 网页制作教程网站制作教程 >正文
CSS

CSS中margin和padding的区别

发表于2016/12/10 网站制作教程 0条评论 ⁄ 热度 1,228℃

对于新手来说,有时会混淆CSS中margin和padding的作用,本文主要介绍margin和padding之间的区别

  • margin表示外边距
  • border表示边框
  • padding表示内边距

设置margin 那么他所占据的空白地方会是在边框外面。

设置padding 那么他所占据的空白地方是在边框里面。

margin和padding的区别

如上图,A,B两个方框,A代码padding,B代表margin。

现在我们看A箭头与蓝色边框的距离,这就是padding叫做内边距。

下面再来看看B外面的箭头与B之前的距离就是我们所说的margin的,叫做外间距。

你现在应该明白了,什么是padding,什么是margin,以及它们之间的区别了。

  • 暂无评论