padding：内边距
margin：外边距
border：边框

一、边框--border：

• 盒子模型的边框就是围绕着内容及补白的线，这条线你可以设置它的粗细、样式和颜色(边框三个属性)。
• 允许只为某个边框设置样式，比如：border-bottom: 1px solid red

二、padding(内边距):

元素内容与边框之间是可以设置距离的，称之为“填充”

三、margin(外边距)：

元素与其它元素之间的距离可以使用边界（margin）来设置

总结：padding在边框里，margin在边框外。

元素的宽和高：

一个元素实际宽度（盒子的宽度）=左边界+左边框+左填充+内容宽度+右填充+右边框+右边界
即：margin-left+border-left+padding-left+width+padding-right+border-right+margin-right