语法： ```css border : border-width border-style border-color ``` border-style常用如下属性值： none：没有边框即忽略所有边框的宽度（默认值） solid：边框为单实线(最为常用的) dashed：边框为虚线 dotted：边框为点线 double：边框为双实线 [TOC] ## 1. 边框写法总结 * 上边框 ```css border-top:宽度 样式 颜色; ``` * 下边框 ```css border-bottom:宽度 样式 颜色; ``` * 左边框 ```css border-left:宽度 样式 颜色; ``` * 右边框 ```css border-right:宽度 样式 颜色; ``` * 样式综合设置 ```css border-style:上边 右边 下边 左边; 常用属性值如下： none无（默认）、solid单实线、dashed虚线、dotted点线、double双实线 ``` * 宽度综合设置 ```css border-width:上边 右边 下边 左边; 常用单位：像素 ``` * 颜色综合设置 ```css border-color:上边 右边 下边 左边; 颜色值的表达方式有：#十六进制、rgb(r,g,b)、rgb(r%,g%,b%) ``` * 边框综合设置 ```css border: 四边宽度 四边样式 四边颜色; ``` <br/> ## 2. 表格的细线边框 以前学过的html表格边框很粗，可以如下合并。 ```css table{ border-collapse:collapse; } /*collapse 单词是合并的意思，border-collapse:collapse; 表示相邻边框合并在一起。*/ ```