padding&&margin

  • 图示

padding&&margin - 图1

margin 外边距

· 四个数值

margin: 10px 5px 15px 20px;
上边距是 10px
右边距是 5px
下边距是 15px
左边距是 20px

· 三个数值

margin:10px 5px 15px;
上边距是 10px
右边距和左边距是 5px
下边距是 15px

· 两个数值

margin:10px 5px;
上边距和下边距是 10px
右边距和左边距是 5px

· 一个数值

margin:10px;
所有四个边距都是 10px

红色线的为border

padding 内边距

· padding和margin类似，例如

padding:10px;
所有四个填充都是 10px