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>

  • 相关阅读:
    HTML5 jQuery图片上传前预览
    html5中form表单新增属性以及改良的input标签元素的种类
    PHP邮箱的正则表达式
    PHP手机号码正则表达式
    CSS中设置div垂直居中
    Linux服务器查看内存占用命令
    linux压缩解压文件
    网页是静态还是伪静态?
    帝国cms内容批量替换
    帝国CMS【操作类型】说明详解
  • 原文地址:https://www.cnblogs.com/liucaixia/p/6128819.html
Copyright © 2011-2022 走看看