HTML表格标记详细讲解(适合初学者)(2)_XHTML教程

编辑Tag赚U币
教程Tag:暂无Tag,欢迎添加,赚取U币!
  • 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"
      该一储存格边框颜色,请看例子三。『只适用于 IE』
    • bordercolorlight="#FF0000"
      该一储存格边框向光部分的颜色,请看例子三。『只适用于 IE』
    • bordercolordark="#00FF00"
      该一储存格边框背光部分的颜色,请看例子三,使用 bordercolorlight 或 bordercolordark 时 bordercolor 将会失效。『只适用于 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教程