现在的位置: 首页 > 综合 > 正文

《HTML5 从入门到精通–7.7.2 表格的表主体标记——tbody》

2013年03月31日 ⁄ 综合 ⁄ 共 1283字 ⁄ 字号 评论关闭

与表头样式的标记功能类似,表主体样式用来统一设计表主体部分的样式,标记为<tbody>。

语法

<tbody bgcolor="#颜色代码" align="水平对齐方式" valign="垂直对齐方式">

...

</tbody>

语法解释

  在该语法中,bgcolor、align和valign参数的取值范围与<thead>标记中的相同。一个表元素中只能有一个<tbody>标记。

例7.21  实例代码

<html>
<head>
<title>设置表主体的样式</title>
</head>
<body> 
 <table align="center" border="1" bordercolor="#ffcc99" cellpaddng="3"  width="550"

height="180">
 <caption>某单位物品管理表</caption>
        <thead bgcolor="#ff0000" align="center" valign="middle">
        <tr>
         <th>物品名</th>
         <th>类型</th>
         <th>领取人</th>
         <th>领取人所属部门</th>
         <th>数量</th>
           </tr>
         </thead>
         <tbody bgcolor="#cc99cc" align="left" valign="bottom">
           <tr>
               <td>圆珠笔</td>
               <td>文具</td>
               <td>李小米</td>
               <td>PHP</td>
               <td>1</td>
          </tr>
           <tr>
               <td>鼠标</td>
               <td>电脑配件</td>
               <td>樊晓东</td>
               <td>ASP.NET</td>
               <td>1</td>
          </tr>
           <tr>
               <td>打印纸</td>
               <td>办公耗材</td>
               <td>刘小新</td>
               <td>JAVA</td>
               <td>30</td>
          </tr>
       </tbody>
    </table>
</body>
</html>

 

运行这段代码,可以看到表格的主体内容统一设置了样式,如图7.30所示。

HTML5

                                                              图7.30  设置表格主体的样式

 

本文由
http://www.91duofanli.com
提供技术支持~

抱歉!评论已关闭.