4.9.2 填充padding
盒子模型示意图：
元素的内容在0填充的盒子元素的内部，是贴紧边界的。例如下面的div:
<div style="width:200px;height:200px;background:#FFF"> 贴近边界</div>填充padding就是把盒子变大，变大部分不能有别的内容。例如上面的例子，加了20像素的填充：
<div style="width:200px;height:200px;background:#FFF"> 我没有任何填充</div><div style="width:200px;height:200px;background:orange;padding:20px"> 我有20像素的填充</div>填充可以是四个方向的，可以一次分别设置，例如：
<div style="width:150px;background:orange;padding:20px 15px 12px 20px"> 我有20像素的填充</div>padding:20px 15px 12px 20px表示上右下左顺时针四个方向的填充值，如果上下填充相同，左右填充相同，还可以简写成这样：
<div style="width:150px;background:orange;padding:20px 15px"> padding:20px 15px表示上下填充20像素，左右填充15像素</div>此外，填充还可以单独设置某个方向：
padding-top 顶端
padding-right 右边
padding-bottom 底部
padding-left 左边
例如下面的例子是只填充左边：
<div style="width:200px;height:200px;background:orange;padding-left:20px"> 我左边有20像素的填充</div>