○ ○ ○ ○ ○ ○ 標簽 ○ ○ ○ ○ ○ ○

<table>
    <caption>...</caption>    <!--表格標題-->
    <tr>    <!--表格頭-->
      <th>...</th>    
      <th>...</th>
    </tr>  
    <tr>    <!--第一行數據-->
      <td>...</td>    
      <td>...</td>
    </tr>  
    <tr>    <!--第二行數據-->
      <td>...</td>    
      <td>...</td>
    </tr>  
</table>

?? 注意：<td>是個容器，可以裝html中所有的元素，比如文字／text，圖片／img，列表／list，表格／table

○ ○ ○ ○ ○ ○ 屬性 ○ ○ ○ ○ ○ ○

（1）border 邊框
－ 無邊框，``
－ 給表格 & 單元格 都加上單獨的邊框

table, th, td {
    border: 1px solid black;
}

單獨邊框

－ 表格 & 單元格 邊框的合并

table, th, td {
    border: 1px solid black;
    border-collapse: collapse;
}

邊框的合并

（2）border-spacing 適用于<table>，增加border之間的距離：

border-spacing

（3）padding 適用于<td>和<th>，增加填充
（4）colspan="N"和rowspan="N" 合并N行 和 合并N列
（5）table使用特定的ID選擇器：
－ 裝飾整個表格 <table id="t01"> 和CSS代碼 table#t01 {...}
－ 裝飾奇數行 table#t01 tr:nth-child(odd){...}
－ 裝飾偶數行 table#t01 tr:nth-child(even){...}
?? 注意：標題行算第1行