表格邊框總結

一、表格邊框屬性設置

<table id="bigTable" border="3" bordercolor="red"  cellspacing="10"> 見圖（1）

border 屬性會爲每一個單元格應用邊框，並用邊框圍繞表格。若是 border 屬性的值發生改變，那麼只有表格周圍邊框的尺寸會發生變化。表格內部的邊框則是 1 像素寬。

cellspacing="0" 見圖（2）

  

                            圖（1）                                   圖（2）

二、表格背景色和單元格之間空白設置 見圖（3）

<table id="bigTable" style="" cellspacing="5">

<td style="background-color: white">1</td>

   

          圖（3）                                               圖（4）

三、表格和單元格邊框細化設置，見圖（4）

<table id="bigTable" border="0" style="border-top: 3px solid green;border-left: 3px solid red;"

cellspacing="0" cellpadding="0">

<td style="border-right: 3px solid black;border-bottom: 3px solid black">1</td>

四、單元格邊框設置 見圖（5）

<table id="bigTable" border="0" style="border-collapse: collapse;border: none;">

<td style="border: 3px solid blue;">1</td>

    

          圖（5）                                                圖（6）

五、嵌套表格邊框設置 見圖（6）

外層表格：border: 4px solid black;

內層表格：border: 0px;

全部的單元格：border: 2px solid black;