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

      編輯Tag賺U幣
      教程Tag:暫無Tag,歡迎添加,賺取U幣!
    1. bordercolordark="#FF0000"
      該一列邊框背光部分的顏色,請看例子三,使用 bordercolorlight 或 bordercolordark 時 bordercolor 將會失效。『只適用于 IE』
    2. <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">

      來源:模板無憂//所屬分類:XHTML教程/更新時間:2007-12-23
      相關XHTML教程