内边距
内边距（padding）
1内边距：
padding属性用于设置内边距。 是指 边框与内容之间的距离。
2设置
| 属性 | 作用 |
|---|---|
| padding-left | 左内边距 |
| padding-right | 右内边距 |
| padding-top | 上内边距 |
| padding-bottom | 下内边距 |
当我们给盒子指定padding值之后，发生了2件事情：
- 内容和边框 有了距离，添加了内边距
- 盒子会变大了。
注意：后面跟几个数值表示的意思是不一样的。
我们分开写有点麻烦，我们可以不可以简写呢？
| 值的个数 | 表达意思 |
|---|---|
| 1个值 | padding：上下左右内边距； |
| 2个值 | padding：上下内边距 左右内边距； |
| 3个值 | padding：上内边距 左右内边距； |
| 4个值 | padding：上内边距 右内边距 下内边距 左内边距； |