盒模型padding可以设置四个值，如图padding：1px2px3px4px；表示内边距，内容与框的上、右、下、左之间的距离。只记得顺时针转动。如果padding不完整，会和对面的padding一样。如图，只指定了两个，但是在下面的盒子模型中，默认让对边的padding属性保持一致。如果只指定一个，则上、下、左、右内边距一致。也可以单独设置内边距padding-left:1px;填充右：2px；填充顶部：3px；-右：6px；填充：1px2px3px4px；填充顶部：7px；填充底部：8px；可以清楚地看到，后一个覆盖了前一个属性。margin和padding一样，也可以设置四个值。但是，它代表外边距。如图边距：1px2px3px4px；同样的，这四个值分别代表top,right,bottom,leftmargin,clockwise等和padding一样，也可以分别设置每个方向的margin，比如margin-top等，所以我就不细说了。borderborder:10px纯黑色;三个参数值，分别表示边框的粗细，线条的样式，颜色也可以分别设置。border-style:soliddasheddotteddouble;上面，框周围的边框样式设置不同。内容图中100*100的空格就是内容。也就是说我们在css中设置的宽高可以从下图看出：divsize水平空间大小=border（左右）+padding（左右）+width垂直空间大小=border（上下）down)+padding(upanddown)+高度
