zoukankan      html  css  js  c++  java
  • 表格(合并单元格)

    <style>

    td{

      text-align: center;

    }

    </style>

    <table class="yitable" border="1" width="620" rules="groups" style="background-color:#f5f5f5; margin:0 auto;1128px;" >
    <colgroup span="1" width="150"></colgroup>
    <colgroup span="1" width="200"></colgroup>
    <colgroup span="1" width="200"></colgroup>
    <colgroup span="1" width="400"></colgroup>
    <thead>
    <tr style="height: 45px;">
    <td>Serial number</td>
    <td colspan="2">Date</td>
    <td>Email</td>
    <td>lucky ID</td>
    </tr>
    </thead>
    <tbody>
    <tr>
    <td>1</td>
    <td>2016/12/1</td>
    <td>8:59:23</td>
    <td>nick@......hina.com</td>
    <td>18</td>
    </tr>
    </tbody>

    <tbody>
    <tr>
    <td>13</td>
    <td>2016/12/1</td>
    <td>14:29:21</td>
    <td>ptyp......@gmail.com</td>
    <td>20</td>
    </tr>
    </tbody>

    <tbody>
    <tr>
    <td>15</td>
    <td>2016/12/1</td>
    <td>14:32:34</td>
    <td>spi1......@yahoo.gr</td>
    <td>10</td>
    </tr>
    </tbody>

    <tbody>
    <tr>
    <td rowspan="2">19</td>
    <td rowspan="2">2016/12/1</td>
    <td rowspan="2">15:02:07</td>
    <td rowspan="2">paco......@hotmail.com</td>
    <td style="border-bottom: 1px solid #808080">16</td>
    </tr>
    <tr>
    <td>49</td>
    </tr>
    </tbody>

    <tbody>
    <tr>
    <td>20</td>
    <td>2016/12/1</td>
    <td>15:12:28</td>
    <td>ange......@gmail.com</td>
    <td>50</td>
    </tr>
    </tbody>

    <tbody>
    <tr>
    <td>26</td>
    <td>2016/12/1</td>
    <td>15:53:59</td>
    <td>toti......48@gmail.com</td>
    <td>13</td>
    </tr>
    </tbody>

    <tbody>
    <tr>
    <td rowspan="5">27</td>
    <td rowspan="5">2016/12/1</td>
    <td rowspan="5">15:54:29</td>
    <td rowspan="5">katz......@gmx.net</td>
    <td style="border-bottom: 1px solid #808080">02</td>
    </tr>
    <tr>
    <td style="border-bottom: 1px solid #808080">22</td>
    </tr>
    <tr>
    <td style="border-bottom: 1px solid #808080">36</td>
    </tr>
    <tr>
    <td style="border-bottom: 1px solid #808080">62</td>
    </tr>
    <tr>
    <td>90</td>
    </tr>
    </tbody>

    <tbody>
    <tr>
    <td rowspan="3">37</td>
    <td rowspan="3">2016/12/1</td>
    <td rowspan="3">18:56:40</td>
    <td rowspan="3">thom......@gmx.de</td>
    <td style="border-bottom: 1px solid #808080">34</td>
    </tr>
    <tr>
    <td style="border-bottom: 1px solid #808080">59</td>
    </tr>
    <tr>
    <td>76</td>
    </tr>
    </tbody>

    </table>

  • 相关阅读:
    预防XSS攻击的一些方法整理
    Linux常用的命令集
    Linux根目录下各文件夹说明
    ThinkPHP框架3.2版本学习总结
    【ThinkPHP框架3.2版本学习总结】九、知识补充
    【ThinkPHP框架3.2版本学习总结】八、关联模型
    【ThinkPHP框架3.2版本学习总结】七、Ajax应用
    【ThinkPHP框架3.2版本学习总结】六、多表连接
    【ThinkPHP框架3.2版本学习总结】五、实用项
    tmux
  • 原文地址:https://www.cnblogs.com/liucaixia/p/6128819.html
Copyright © 2011-2022 走看看