CSS盒子模型

Border-color属性：边框颜色属性

Border-width属性：边框粗细属性

属性	说明	示例
Border-top-width	设置上边框粗细为5px	Border-top-width:5px;
Border-right-width	设置右边框粗细为10px	Border-right-width:10px;
Border-bottom-width	设置下边框粗细为8px	Border-bottom-width:8px;
Border-left-width	设置左边框粗细为22px	Border-left-width:22px;
Border-width	设置四个边框粗细都为5px	Border-width:5px;
设置上、下边框粗细为20px;左右边框粗细为2px	Border-width:20px 2px;
设置上边框粗细为5px;左右边框粗细为1px;下边框粗细为6px	Border-width:5px 1px 6px;
设置上、右、下、左边框粗细分别为1px、3px、5px、2px	Border-width:1px 3px 5px 2px;

Border-style属性：边框线类型

属性	说明	示例
Border-top-style	设置上边框为实线	Border-top-style:solid;
Border-right-style	设置右边框为实线	Border-right-style:solid;
Border-bottom-style	设置下边框为实线	Border-bottom-style:solid;
Border-left-style	设置左边框为实线	Border-left-style:solid;
Border-style	设置四个边框均为实线	Border-style:solid;
设置上、下边框为实线；左、右边框为点线	Border-style:solid dotted;
设置上边框为实线；左、右边框为点线；下边框为虚线	Border-style:solid dotted dashed;
设置上、右、下、左边框分别为实线、点线、虚线、双线	Border-style:solid dotted dashed double;

Padding属性：内边距属性

Box-sizing属性：拯救布局

Content-box:默认值，盒子的宽度或高度=border+padding+(margin)+width/heith。

Border-box:盒子的宽度或高度等于元素内容的宽度或高度。

Inherit:此值使元素集成父元素的盒子模型模式。

Display属性：规定元素应该生成的框的类型。

CSS盒子模型