table单元格间距怎么设置 table标签的结构与合并单元格的实现方法

table标签的结构与合并单元格的实现方法  

以下是对table标签的结构与合并单元格的实现方法进行了详细的分析介绍 需要的朋友可以过来参考下  

　　<table>标签的结构示例代码

复制代码 代码如下:  <table border= >       <caption>信息统计表</caption>        <thead>        <tr >        <th>#</th>        </tr>       </thead>       <tbody>        <tr>        <td> </td>        </tr>        <tr>        <td> </td>        </tr>        <tr>        <td> </td>        </tr>        <tr>        <td> </td>        </tr>       </tbody> </table>

　　 一个完整的例子

复制代码="text center error warning info success"> 代码如下:  <table border= >       <caption >信息统计表</caption>       <thead>               <tr >                <th>#</th>                <th>Firstname</th>                <th>Lastname</th>                <th>Phone</th>                <th>QQ</th>               </tr>       </thead>       <tbody>             <tr >              <td> </td>              <td>qian</td>              <td>shou</td>              <td> </td>              <td> </td>             </tr>             <tr >              <td> </td>              <td>qian</td>              <td>shou</td>              <td> </td>              <td> </td>             </tr>              <tr > <td> </td>              <td>qian</td>              <td>shou</td>              <td> </td>              <td> </td>             </tr>              <tr >                     <td> </td>              <td>qian</td>              <td>shou</td>              <td> </td>              <td> </td>             </tr>        </tbody> </table>

　　合并上下的单元格（rowspan）示例代码

复制代码="text center error warning info success"> 代码如下: <table border= >       <caption >信息统计表</caption>        <thead>         <tr >         <th>#</th>         <th>Firstname</th>         <th>Lastname</th>         <th>Phone</th>         <th>QQ</th>         </tr>        </thead>       <tbody>        <tr >        <td rowspan=" "> </td>        <td>qian</td>        <td>shou</td>        <td> </td>        <td> </td>        </tr> <tr >        <td>qian</td>        <td>shou</td>        <td> </td>        <td> </td>        </tr> <tr > <td> </td>        <td>qian</td>        <td>shou</td>        <td> </td>        <td> </td>        </tr> <tr > <td> </td>        <td>qian</td>        <td>shou</td>        <td> </td>        <td> </td>        </tr>        </tbody> </table>

　　合并左右的单元格（colspan）示例代码

复制代码="table table condensed table bordered text center error text center warning info success"> 代码如下: <table >   <caption >信息统计表</caption>     <thead>       <tr >       <th>#</th>       <th>Firstname</th>       <th>Lastname</th>       <th>Phone</th>       <th>QQ</th>       </tr>     </thead>   <tbody>     <tr >     <td> </td>     <td colspan=" "><p >这是合并了四个单元格</p></td>     </tr>     <tr >     <td> </td>     <td>qian</td>     <td>shou</td>     <td> </td>     <td> </td>     </tr>     <tr >     <td> </td>     <td>qian</td>     <td>shou</td>     <td> </td>     <td> </td>     </tr>     <tr >     <td> </td>     <td>qian</td>     <td>shou</td>     <td> </td>     <td> </td>     </tr>   </tbody> </table> lishixinzhi/Article/program/PHP/201311/20979