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>

效果如下:

小注:

猜你喜欢

转载自blog.csdn.net/sheinenggaosuwo/article/details/86216123
今日推荐