首先说明：边框是有宽度的，所以有内边距与外边距之分
margin:
属性值：
值 |
描述 |
auto |
浏览器设置的外边距。 |
length |
定义固定的外边距。默认值是 0。允许使用负值。 |
% |
定义基于父对象总高度的百分比外边距。 |
inherit |
规定应该从父元素继承外边距。注：IE浏览器都不支持"inherit"属性值 。 |
1.margin-top:设置元素的上外边距
2.margin-right:设置元素的右外边距
3.margin-bottom:设置元素的下外边距
4.margin-left:设置元素的左外边距
5.margin:简写，可以写1~4个值
例子：
margin:5px;/*四边外边距都为5像素*/margin:5px 10px;/*上下边外边距都为5像素，左右边外边距都为10像素*/margin:5px 10px 5px;/*上边外边距为5像素，左右边外边距都为10像素，下边外边距为5像素*/margin:5px 10px 5px 10px;/*上边外边距为5像素，右边外边距为10像素，下边外边距为5像素，左边外边距为10像素*/
padding:
属性：
值 |
描述 |
length |
规定以具体单位计的固定的内边距值，比如像素、厘米等。默认值是 0px。不允许使用负值。 |
% |
定义基于父元素宽度的百分比内边距。此值不会如预期的那样工作于所有的浏览器中。 |
inherit |
规定应该从父元素继承内边距。注：IE浏览器不支持"inherit"属性值 。 |
1.padding-top:设置元素的上内边距
2.padding-right:设置元素的右内边距
3.padding-bottom:设置元素的下内边距
4.padding-left:设置元素的左内边距
5.padding:简写，可以写1~4个值
例子：
padding:5px;/*四边内边距都为5像素*/padding:5px 10px;/*上下边内边距都为5像素，左右边内边距都为10像素*/padding:5px 10px 5px;/*上边内边距为5像素，左右边内边距都为10像素，下边内边距为5像素*/padding:5px 10px 5px 10px;/*上边内边距为5像素，右边内边距为10像素，下边内边距为5像素，左边内边距为10像素*/