CSS框模型（盒子模型）padding与border属性

框结构模型图一：

元素框的最内部分是实际的内容，直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边缘是边框。边框以外是外边距，外边距默认是透明的，因此不会遮挡其后的任何元素。

提示：背景应用于由内容和内边距、边框组成的区域。

框结构模型图二：  

外边距可以是负值

CSS padding 属性

padding 属性接受长度值或百分比值，但不允许使用负值。

• h1 {padding: 10px;}
  表示将各边距都设置为10px

• h1 {padding: 10px 0.25em 2ex 20%;}

  按照上、右、下、左的顺序分别设置各边的内边距，各边均可以使用不同的单位或百分比值。
• 关于参数缺省问题，下面一一记录：
  
  • padding 的缺省值即默认是 0。不过有两个元素例外， td ,  th 的 padding 缺省值