點擊右上方紅色按鈕關注「小鄭搞碼事」，每天都能學到知識，搞懂一個問題！

單純的table應該比CSS還要老，也就是說在出現CSS布局之前就已經有了table布局。後來CSS又加強了和table的聯繫，如對table類別的display屬性值的支持等。然而，table本身還有有很多使用場景的，關鍵是要知道什麼時候適應使用table來處理問題。

一，常規的table屬性

<table aling=left>...</table> 表格位置,置左

<table aling=center>...</table> 表格位置,置中

<table background=圖片路徑>...</table> 背景圖片的URL=就是路徑網址

<table border=邊框大小>...</table> 設定表格邊框大小(使用數字)

<table bgcolor=顏色碼>...</table> 設定表格的背景顏色

<table borderclor=顏色碼>...</table> 設定表格邊框的顏色

<table borderclordark=顏色碼>...</table> 設定表格暗邊框的顏色

<table borderclorlight=顏色碼>...</table> 設定表格亮邊框的顏色

<table cellpadding=參數>...</table> 指定內容與格線之間的間距(使用數字)

<table cellspacing=參數>...</table> 指定格線與格線之間的距離(使用數字)

<table cols=參數>...</table> 指定表格的欄數

<table frame=參數>...</table> 設定表格外框線的顯示方式

<table width=寬度>...</table> 指定表格的寬度大小(使用數字)

<table height=高度>...</table> 指定表格的高度大小(使用數字)

<td colspan=參數>...</td> 指定儲存格合併欄的欄數(使用數字)

<td rowspan=參數>...</td> 指定儲存格合併列的列數(使用數字)

二、td寬度固定table-layout

這個屬性，我曾經專門分析過，也寫過一篇文章，可以參考一下。

這裡簡單看一下它的作用：

主要注意，列寬一個由內容設定一個由表格本身寬度設定，如下圖所示：

很好理解。

三、合併表格邊框border-collapse

先來看一下它的取值有哪些：

就是三個，當取collapse時，邊框會合併為一個單一的邊框，如下所示：

當取separate時，邊框會被分開，如下所示：

最後總結：

關於表格的常用屬性常用的都在這裡，最後那兩個相對來說比較新， 重點理解一下。

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！