盒子边框总结表

设置
内容
样式属性 常用属性值
上边
框
border-top-style:样式; border-topwidth:宽度;border-top-color:颜 色;border-top:宽度 样式 颜色;
下边
框
border-bottom-style:样式;borderbottom-width:宽度;border- bottomcolor:颜色;border-bottom:宽度 样式 颜 色;
左边
框
border-left-style:样式; border-leftwidth:宽度;border-left-color:颜 色;border-left:宽度 样式 颜色;
右边
框
border-right-style:样式;border-rightwidth:宽度;border-right-color:颜 色;border-right:宽度 样式 颜色;
样式
综合
设置
border-style:上边 [右边 下边 左边]; none 无（默认）、solid 单实
线、dashed 虚线、dotted 点线、
double 双实线
宽度
综合
设置
border-width:上边 [右边 下边 左边]; 像素值
颜色
综合
设置
border-color:上边 [右边 下边 左边]; 颜色值、#十六进制、
rgb(r,g,b)、rgb(r%,g%,b%)
边框
综合
设置
border:四边宽度 四边样式 四边颜色;