盒模型--填充

padding的意思是指填充，是边框与内容之间的部分，同样可以设置上下左右的距离

div{padding-top:2px;
      padding-left:2px;
      padding-bottom:2px;
      padding-right:2px;
      }

上诉的情况左右边框都相等，可以使用简化的代码

div{padding:2px;}

如果上下填充相等，左右填充相等，可以使用简单的代码

div{padding: 10px  20px;}

上下为10px，左右为20px。

如果上下左右不相同，可以使用

div{padding:1px 2px 3px 4px;}

顺序是上右下左（顺时针）

如果只是左右相同等于2px，可简化为

div{padding:1px 2px 3px;}

设置为上下1px 3px,左右2px