• HTML Table 合并单元格


    <!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>

    效果如下:

     

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

  • 相关阅读:
    RequestMapping_PathVariable注解
    RequestMapping_Ant 路径
    RequestMapping_请求参数&请求头
    RequestMapping_请求方式
    RequestMapping注解_修饰类
    18)C++对C的增强
    17)C++开始--命名空间
    16)未理解透
    15)文件函数例子
    14)文件操作
  • 原文地址:https://www.cnblogs.com/tangbohu2008/p/16009274.html
Copyright © 2020-2023  润新知