``` 边框：border border:10px solid #f00 ( 像素 线形 颜色) ``` 按照border的属性类型划分为三种属性值分为代表： 边框宽度: border-width 线的颜色: border-color 线形：border-style ## 属性值： <h2 >border-top 上边框 <br/> border-bottom 下边框 <br/> border-left 左边框 <br/> border-right 右边框 </h2> 四值法： ``` border-width:4px;　　　　　　　　　　上下左右分别具有4像素 border-width:2px 4px;　　　　　　　　上下为二像素，左右为4像素 border-width:10px 20px 30px　　　　 上：10px 左、右：20px 下：30px　　　　 border-width:1px 2px 3px 4px　　　　 上：1px 右：2px 下:3px 左：4px ``` solid:实线 dashed :虚线 dotted: 点线 double:双线 groove:边框凹陷效果 rideg:边框凸显效果 inset:内容凹陷效果 outset:内容突出效果 border-color 边框颜色 无论是线性还是线厚度还是线的颜色，都可以单一设置某一个方向