CSS 盒模型（2）

内边距 padding

CSS padding（内边距）属性，定义元素边框与元素内容之间的空间。

padding 可以单独改变元素的上、下、左、右边距，也可以一次改变所有的属性。

单个方向设置

  padding-bottom 设置标签的下内边距。
  padding-left 设置标签的左内边距。
  padding-right 设置标签的右内边距。
  padding-top 设置标签的上内边距。

取值：

px
默认值0
百分比
不可使用负值

.box{
     width:200px;
     background-color:red;
     padding-left:10px;
     padding-right:20px;
     padding-top:30px;
     padding-bottom:40px;
}

简写：

padding 简写属性在一个声明中设置所有填充属性。该属性可以有1到4个值。

语法：padding：1-4个值 【空格隔开】

规则：

1个值：表示【四个方向】的内边距值
2个值：分别表示【上下，左右】的内边距值
3个值：分别表示【上，左右，下】的内边距值
4个值：分别表示【上，右，下、左】的内边距值

.box{
     padding:10px 20px 30px 40px;
}

外边距margin

概述：用于设置盒