HTML表格標記詳細講解(適合初學者)(2)_XHTML教程

bordercolordark="#FF0000"
該一列邊框背光部分的顏色，請看例子三，使用 bordercolorlight 或 bordercolordark 時 bordercolor 將會失效。『只適用于 IE』

<TD> 的參數設定（常用）：

例如：<td width="48%" height="400" colspan="5" rowspan="4" align="RIGHT" valign="BOTTOM" bgcolor="#FF00FF" bordercolor="#808080" bordercolorlight="#FF0000" bordercolordark="#00FF00" background="myweb.gif">

• width="48%"
  該一儲存格寬度，接受絕對值（如 80）及相對值（如 80%）。
• height="400"
  該一儲存格高度。
• colspan="5"
  該一儲存格向右打通的欄數。請看例子六
• rowspan="4"
  該一儲存格向下打通的列數。請看例子六
• align="RIGHT"
  該一儲存格內字畫等的擺放貼　位置（水平），可選值為： left, center, right。
• valign="BOTTOM"
  該一儲存格內字畫等的擺放貼　位置（垂直），可選值為： top, middle, bottom。
• bgcolor="#FF00FF"
  
  該一儲存格底色，請看例子四。
• bordercolor="#808080"
  該一儲存格邊框顏色，請看例子三�！褐贿m用于 IE』
• bordercolorlight="#FF0000"
  該一儲存格邊框向光部分的顏色，請看例子三。『只適用于 IE』
• bordercolordark="#00FF00"
  該一儲存格邊框背光部分的顏色，請看例子三，使用 bordercolorlight 或 bordercolordark 時 bordercolor 將會失效�！褐贿m用于 IE』
• background="myweb.gif"
  該一儲存格　紙，與 bgcolor 任用其一。

例子一：

<table width="60%" border="1">
<tr><td>只有一個儲存格（cell）的表格</td></tr>
</table> 顯示結果

只有一個儲存格（cell）的表格

例子二：

<table width="60%" border="5" bordercolorlight="#FF00FF" bordercolordark="#FF0000">
<tr><td>第一列第一欄</td><td>第一列第二欄</td></tr>
</table> 顯示結果

第一列第一欄 第一列第二欄

例子三：

<table width="60%" border="1" cellspacing="5">
<tr bordercolor="#0000FF">

<td>第一列第一欄</td>

<td>第一列第二欄</td>
</tr>
<tr bordercolorlight="#FF00FF" bordercolordark="#00FF00">

<td>第二列第一欄</td>

<td>第二列第二欄</td>
</tr>
</table> 顯示結果

第一列第一欄 第一列第二欄 第二列第一欄 第二列第二欄

例子四：

<table width="60%" border="1" cellpadding="10">

網站制作在線視頻教程  網站制作視頻教程打包下載

DIV+CSS模板  CSS視頻教程  CSS設計徹底研究視頻教程  網頁制作基礎教程  網站重構&web標準設計教程  div css視頻教程

DIV + CSS 入門視頻教程，只用記事本編寫代碼演示  精通CSS+DIV網頁樣式與布局配套視頻教程  別具光芒：DIV+CSS網頁布局與美化  DIV.CSS應用視頻教程(DIV+CSS)