盒子模型：内容，内边距（padding），边框（border），外边距（margin）

上边框	border-top-style:样式;
	border-top-width:宽度;
	border-top-color：颜色;
	border-top:宽度  样式  颜色

 

下边框	border-bottom-style:样式;
左边框	border-left-style:样式;
右边框	border-right-style:样式

样式综合设置：border-style:上边 右边 下边左边   常用属性值：none  solid（单实线） dashed（虚线） dotted（点线） double（双实线）

border-width：上边 右边 下边 左边   属性值：像素值

颜色综合设置：border-color：上右下左  颜色 十六进制 rgb 

边框综合设置：border：四边宽度 四遍样式 四边颜色

 

覆盖样式举例

    p{border-style:solid;}                      /*综合设置四边样式

    p{borde-top-style:dashed;}            /*上边样式覆盖

 

综合设置边框

    border-top：上边框宽度  样式 颜色

    border：四边宽度 样式 颜色

 

内边距属性

    padding-top:上内边距

    padding-right:右内边距

    padding-bottom:下内边距

    padding-left:左内边距

    padding:上右下左

    

    p{padding:5%;}                               /*段落内边距为父元素宽度的5%

 

外边距属性:

    margin-top:上外边距

    margin:上 右 下 左 

 

    float：left     设置图形左浮动