|
<Td BGColor="#RRGGBB"|"Color Name">
|
| 語 法 說 明 |
 此處的 BGColor 屬性用法與 <Tr> 相近，差別在 <Tr> 會影響整列， <Td> 只會影響本身自己。
請自行養成按滑鼠右鍵 檢視原始檔，打開記事本查看本頁 HTML 原始碼習慣。
|
| 範例 |
HTML標籤 |
<Table Border="1"><Tr><Td BGColor="#99CCFF">底色</Td></Tr></Table>
|
| 顯示結果 |
|
 因為版面不夠寬，我在範例中<Td>標籤內加了Width="150" Height="50" Align="Center" 沒有秀出來喔。
下面範例，我在<Table>標籤內，另外又加了BGColor="#FFCCFF"底色屬性，您看出有何不同變化嗎？
|
| 範例 |
HTML標籤 |
<Table Border="5" BGColor="#FFCCFF"><Tr><Td BGColor="#99CCFF">底色</Td></Tr></Table>
|
| 顯示結果 |
|
如果<Table>標籤內加入BGColor屬性，<Tr>、<Td>或<Th>也加BGColor屬性，則會以最近(內側)的為優先。
而資料格內如未設定底色值的部分，則會被 <Table> 標籤所影響(含蓋)，這一點您也必須有所認知。
|
|
|
|
|
<Td BackGround="圖檔格式">
|
| 語 法 說 明 |
BackGround 的屬性我們之前教過，這裡就不要浪費時間了，如果您還是搞不懂，請回頭 再仔細學一遍吧。
請自行養成，使用檢視原始碼查看本頁 HTML 原始碼習慣。
|
| 範例 |
HTML標籤 |
<Table Border="1"><Tr><Td BackGround="back.gif">底圖</Td></Tr></Table>
|
| 顯示結果 |
|
因為版面不夠寬，我在範例中<Td>標籤內加了Width="150" Height="50" Align="Center"沒有秀出來。
下面範例，我在<Table>標籤內，另外又加了BackGround="paper.jpg"底圖屬性，您看出有何不同變化嗎？
|
| 範例\標籤 |
<Table Border="1" BackGround="paper.jpg"><Tr><Td BackGround="back.gif">底圖</Td></Tr></Table>
|
| 顯示結果 |
|
如果<Table>標籤內加入BackGround屬性，<Td>或<Th>也加BackGround屬性，則會以最近(內側)的為優先。
同上面所述原理，顯示優先順序為 BackGround 大於 BgCloor 屬性值，請自己實作測試看看。
|
|
|
|
|
|
|
|
<Td Colspan="Number">
|
| 語 法 說 明 |
屬性 Colspan 它是英文組合字，原文為 Col (欄位) + Span (跨度、延伸) ，此處稱為表格欄位的合併。
屬性值 Number" 為阿拉伯數值，意思是這一列(橫向)的表格需要多少資料格(欄)來做欄位的合併。
|
| 範例 |
HTML標籤 |
<Table Border="1">
<Tr><Td colspan="3">欄位合併，向右 3 格合併</Td></Tr>
<Tr><Td>1</Td><Td>>2</Td><Td>3</Td></Tr>
</Table>
| 顯示結果 |
|
|
凡是要向右擴展的合併，就使用 <Td Colspan="N">。
|
|
|
|
|
|
<Td Rowspan="Number">
|
| 語 法 說 明 |
屬性 Rowspan 它是英文組合字，原文為 Row (列位) + Span (跨度、延伸) ，此處稱為表格列位的合併。
屬性值 Number" 為阿拉伯數值，意思是指這一列(縱向)的表格需要多少欄位來做資料格的合併。
|
| 範例 |
HTML標籤 |
<Table Border="1">
<Tr><Td Rowspan="3">列位合併，向下 3 格合併</Td><Td>1</Td></Tr>
<Tr><Td>2</Td></Tr>
<Tr><Td>3</Td></Tr>
</Table>
| 顯示結果 |
|
|
凡是要向下擴展的合併，就使用 <Td Rowspan="N">。
|
|
|
|
|
|
<Td Colspan="Number"> 與 <Td Rowspan="Number"> 合併使用
|
| 語 法 說 明 |
這是表格欄位及列位的混合合併，學會剛剛上面那兩個，看完這個範例後，表格的合併就會很簡單了。
請養成按滑鼠右鍵檢視原始檔，打開記事本查看本頁 HTML 原始碼習慣。
|
| 範例 |
HTML標籤 |
| 欄位 Colspan="3" 由左而右合併 |
| 列位 Rowspan="3" 向下 3 格 | <Td> 1 </TD> | 列位 Rowspan="3" 向下 3 格 |
| <Td> 2 </TD> |
| <Td> 3 </TD> |
| | 顯示結果 |
| 欄位，向右 3 格、由左而右合併 |
| 列位，向下 3 格 | 1 | 列位，向下 3 格 |
| 2 |
| 3 |
|
|
要領：請依序由左而右，然後再由上至下，依此類推編寫到就會很順利了。
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
