css中margin、border和padding的区分

W3C组织建议把所有网页上的对像都放在一个盒(box)中，设计师可以通过创建定义来控制这个盒的属性，这些对像包括段落、列表、标题、图片以及层。盒模型主要定义四个区域：内容(content)、内边距(padding)、边框(border)和外边距(margin)，如图一。 我的理解是border把margin和padding分隔开，border如果不设置或者为0，margin和padding就会没有间隔的合在一起，当图一的border逐渐的进行缩小，渐渐的border变成一条粗线，如图二。
               图一

               图二