HTML Table cellspacing 屬性的功能是用來設定表格欄位之間的彼此距離，相當於調整表格的欄位邊框粗細，不過 cellspacing 能夠設計得更細膩、更漂亮，傳統的 HTML table 邊框粗細使用數字來表示，設計起來比較單純乏味，如果改用 cellspacing 屬性就能夠搭配表格的其它屬性來創造出更美觀的欄位效果，我們先來看看今天的主角Table cellspacing 屬性的語法，再來套用到範例看實際應用效果。
HTML Table cellspacing 屬性語法cellspacing="距離值"
cellpadding 僅有一個參數可以使用，就是用來設定欄位間距離的＂距離值＂，可以接受數字加上單位，例如 px, em, cm ... 等常用標準網頁長度單位，不過通常還是會使用 px 來表示，我們在範例中將呈現 cellspacing 的實際效果，請繼續看範例操作。
HTML Table cellspacing 屬性範例
範例的實際效果
| cellspacing 設為 5px 的表格欄位 |
| cellspacing 設為 5px 的表格欄位 |
| cellspacing 設為 20px 的表格欄位 |
| cellspacing 設為 20px 的表格欄位 |
我們準備了兩個 HTML 表格範例，第一個表格的 cellspacing 參數值設定為 5px，第二個表格的 cellspacing 參數值設定為 20px，可以很清楚的看到表格欄位間的距離加大了許多，在某個角度來看也可以說是表格的框線變得很粗，這就是 HTML cellspacing 屬性的功能效果。
更多網頁表格設計