### 简写方式 border: 线型 粗细 颜色 #### 默认值` border:none` 格式 border:样式 宽度 颜色 ### 边框风格 border-style #### 统一风格(简写风格)border-style #### 单独定义某一方向的边框样式 * 上边边框样式border-top-style * 右边边框样式border-right-style * 下边边框样式border-bottom-style * 左边边框样式border-left-style #### 边框风格样式的属性值 * none 无边框 `默认值` * solid 直线边框 * dashed 虚线边框 * dotted 点状边框 * double 双线边框 * groove 凸槽边框 * ridge 垄状边框 * inset inset边框 * outset outset边框 * inherit继承 ### 边框宽度 border-width #### 统一风格 border-width #### 单独风格 * 上边边框宽度border-top-width * 右边边框宽度border-right-width * 下边边框宽度border-bottom-width * 左边边框宽度border-left-width #### 边框宽度的属性 * thin 细边框 * medium 中等边框 * thick 粗边框 * px 固定值的边框 * nherit继承 ### 边框颜色 border-color 参考文本颜色属性 #### 统一风格 border-color #### 单独风格 * 上边边框颜色border-top-color * b右边边框颜色order-right-color * 下边边框颜色border-bottom-color * 左边边框颜色border-left-color #### 属性值的四种情况 一个值:border-color:(上、下、左、右); 两个值:border-color:(上下) (左右); 三个值:border-color:(上) (左、右) (下); 四个值:border-color:(上)(右)(下)(左);