HTML表格的外觀可以用CSS大大提高：
| 公司 | 聯繫 | 國家 |
|---|---|---|
| 艾爾弗雷德Futterkiste | 瑪麗亞·安德斯 | 德國 |
| Berglunds snabbkop | 克里斯蒂娜·伯格倫德 | 瑞典 |
| 商業中心蒙特祖瑪 | 弗朗西斯科昌 | 墨西哥 |
| 恩斯特·亨德爾 | 羅蘭·孟德爾 | 奧地利 |
| 洲商貿 | 海倫·貝內特 | 聯合王國 |
| Koniglich埃森 | 菲利普·克拉默 | 德國 |
| 巴克斯笑Winecellars | 耀西Tannamuri | 加拿大 |
| MAGAZZINI ALIMENTARI裡尤尼蒂紡織廠 | 喬瓦尼·羅韋利 | 意大利 |
表格邊框
在CSS指定表格邊框，使用border屬性。
下面的例子指定了一個黑色邊框<table> <th>和<td>元素：
請注意，在上面的例子中，表中有雙重的邊界。 這是因為這兩個表和<th>和<td>元件具有單獨的邊界。
折疊表格邊框
在border-collapse屬性設置表格的邊框是否應折疊成一個單一的邊框：
如果你只是想圍著桌子邊框，只指定border財產<table>
表寬度和高度
寬度和一個表中的高度被定義width和height屬性。
下面的示例表以100％的寬度和的高度設置<th>元素50px的：
水平對齊
該text-align屬性設置水平對齊的內容（比如左，右，或中心） <th>或<td>
默認情況下，內容<th>元素居中對齊和含量<td>元素左對齊。
下面的例子中左對齊文本<th>元素：
垂直對齊
該vertical-align屬性設置垂直取向（例如頂部，底部或中間）中的內容<th>或<td>
默認情況下，在一個表中的內容的垂直對齊是中間（對於<th>和<td>元素）。
下面的示例設置垂直文本對齊到下<td>元素：
填充表
為了控制邊界，並在表中的內容之間的空間，使用padding物業<td>和<th>元素：
水平分隔線
| 名字 | 姓 | 儲 |
|---|---|---|
| 彼得 | 格里芬 | $ 100個 |
| 洛伊絲 | 格里芬 | $ 150 |
| 喬 | 斯旺森 | $ 300 |
添加border-bottom屬性<th>和<td>的水平分隔線：
Hoverable表
使用:hover在選擇<tr>上鼠標選中表格行：
| 名字 | 姓 | 儲 |
|---|---|---|
| 彼得 | 格里芬 | $ 100個 |
| 洛伊絲 | 格里芬 | $ 150 |
| 喬 | 斯旺森 | $ 300 |
條紋表
| 名字 | 姓 | 儲 |
|---|---|---|
| 彼得 | 格里芬 | $ 100個 |
| 洛伊絲 | 格里芬 | $ 150 |
| 喬 | 斯旺森 | $ 300 |
對於斑馬條紋表，使用nth-child()選擇並添加一個background-color為所有偶數（或奇數）表行：
表顏色
下面的示例指定的背景色和文本顏色<th>元素：
| 名字 | 姓 | 儲 |
|---|---|---|
| 彼得 | 格里芬 | $ 100個 |
| 洛伊絲 | 格里芬 | $ 150 |
| 喬 | 斯旺森 | $ 300 |
響應表
如果屏幕太小，無法顯示完整的內容回應式表會顯示一個水平滾動條：
| 名字 | 姓 | 點 | 點 | 點 | 點 | 點 | 點 | 點 | 點 | 點 | 點 | 點 | 點 |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| 吉爾 | 工匠 | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 |
| 前夕 | 傑克遜 | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 |
| 亞當 | 約翰遜 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 |
添加一個容器元素（如<div>與overflow-x:auto周圍的<table>元素，使其響應：
更多示例
製作花式球檯
這個例子演示了如何創建一個花式球檯。
設置表格標題的位置
這個例子演示了如何對表格標題位置。
自測練習用！
CSS表格屬性
| 屬性 | 描述 |
|---|---|
| border | 設置在一個聲明中所有的邊框屬性 |
| border-collapse | 指定表格邊框是否應該被折疊 |
| border-spacing | 指定相鄰小區的邊界之間的距離 |
| caption-side | 指定表格標題的位置 |
| empty-cells | 指定是否在表中顯示在空單元格邊框和背景 |
| table-layout | 設置要使用的一個表的佈局算法 |