zoukankan      html  css  js  c++  java
  • Html Table 合并单元格

    版权声明:作者:jiankunking 欢迎转载,未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接。 https://blog.csdn.net/xunzaosiyecao/article/details/46953073

    <!DOCTYPE html>
    <html lang="en">

    <head>
    <meta charset="UTF-8">
    <title></title>
    </head>

    <body>
    <ol>
    <li>基本表格</li>
    <table border="2" bordercolor="black" width="300" cellspacing="0" cellpadding="5">
    <tr>
    <td>1.1</td>
    <td>1.2</td>
    <td>1.3</td></tr>
    <tr>
    <td>2.1</td>
    <td>2.2</td>
    <td>2.3</td></tr>
    <tr>
    <td>3.1</td>
    <td>3.2</td>
    <td>3.3</td></tr>
    </table>
    <br/>
    <li>表格合并列</li>
    <table border="2" bordercolor="black" width="300" cellspacing="0" cellpadding="5">
    <tr>
    <td colspan="3">1.1</td>
    <!--<td>1.2</td>-->
    <!--<td>1.3</td>--></tr>
    <tr>
    <td>2.1</td>
    <td>2.2</td>
    <td>2.3</td></tr>
    <tr>
    <td>3.1</td>
    <td>3.2</td>
    <td>3.3</td></tr>
    </table>
    <br/>
    <li>表格合并行</li>
    <table border="2" bordercolor="black" width="300" cellspacing="0" cellpadding="5">
    <tr>
    <td rowspan="3">1.1</td>
    <td>1.2</td>
    <td>1.3</td></tr>
    <tr>
    <!--<td>2.1</td>-->
    <td>2.2</td>
    <td>2.3</td></tr>
    <tr>
    <!--<td>3.1</td>-->
    <td>3.2</td>
    <td>3.3</td></tr>
    </table>
    <br/>
    <li>复杂表格</li>
    <table border="2" bordercolor="black" width="300" cellspacing="0" cellpadding="5">
    <tr>
    <td>1.1</td>
    <td colspan="2">1.2</td>
    <!--<td>1.3</td>--></tr>
    <tr>
    <td>2.1</td>
    <td rowspan="2">2.2
    <br/>3.2</td>
    <td>2.3</td></tr>
    <tr>
    <td>3.1</td>
    <!--<td>3.2</td>-->
    <td>3.3</td></tr>
    </table>
    <br/></ol>
    </body>

    </html>

    效果如下:

  • 相关阅读:
    Thread.join
    Thread.yield
    线程的生命周期
    HashMap底层原理
    Web Services
    Struts2框架
    hibernate乐观锁实现原理
    Hibernate框架
    oracle exp 无法导出空表
    linux 远程复制文件或文件夹
  • 原文地址:https://www.cnblogs.com/maycpou/p/11539589.html
Copyright © 2011-2022 走看看