1.边框

该border属性为以下属性的简写属性。例如：border:1px solid black;

border-width表示边框的粗细，可以是medium，thick等，一般使用数字加单位组合的大小就行，如1px，1em，1rem。

border-style（必需的）表示边框的样式，有实线(solid)、虚线(dashed)、点状线(dotted)、双实线(double)等

border-color表示边框的颜色，设置表示颜色属性的值就行。

2.内边距外边距

1.内边距

padding表示盒子内容部分与边框之间的距离，padding：10px 5px 15px 10px；

 

该属性可以一次性写四个值，分别表示上右下左四个方向的内边距大小。如果只写三个值padding：apx bpx cpx；，那么就表示上右下左的内边距分别为apx bpx cpx bpx。如果只写两个值padding：apx bpx；那么表示上右下左的内边距分别为apx bpx apx bpx。如果只写一个值，那么表示四个方向的内边距都是一样大小。

同样的padding属性也可以单独设置单边的内边距，如

padding-top，padding-right，padding-bottom，padding-left

2.外边距

margin表示边框与父盒子之间的距离，叫做外边距。

 margin和padding的使用方法相同。margin属性有一个小技巧，设置margin：0 auto；可以令被使用对象居中显示。

盒子在页面中实际占据的位置大小是盒子的宽度+内边距+外边距+边框宽度。

今天就这些，老样子附上小练。