語法： ```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; 表示相鄰邊框合并在一起。*/ ```