01.21 文本标签

2019-01-21  本文已影响0人  xxxQinli
<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>不规则表格</title>
  </head>
  <body>
  <!--
  rowspan 行合并
  colspan 列合并
-->
    <table width="600" height="400" border="1" cellspacing="0">
      <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
        <td rowspan="2">4</td>
      </tr>
      <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
      </tr>
      <tr>
        <td>1</td>
        <td colspan="2">2</td>
        <td>3</td>
      </tr>
      <tr>
        <td>1</td>
        <td colspan="2">2</td>
        <td>3</td>
      </tr>
    </table>
    <br>
    <table width="600" height="400" border="1" cellspacing="0">
      <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
        <td>4</td>
        <td>5</td>
        <td>6</td>
      </tr>
      <tr>
        <td>1</td>
        <td colspan="2">2</td>
        <td rowspan="2">3</td>
        <td>4</td>
        <td>5</td>
      </tr>
      <tr>
        <td>1</td>
        <td colspan="2">2</td>
        <td>4</td>
        <td>5</td>
      </tr>
      <tr>
        <td>1</td>
        <td colspan="2">2</td>
        <td>3</td>
        <td>4</td>
        <td>5</td>
      </tr>
      <tr>
        <td>1</td>
        <td colspan="3" rowspan="3">2</td>
        <td>3</td>
        <td>4</td>
      </tr>
      <tr>
        <td rowspan="2">1</td>
        <td>3</td>
        <td>4</td>
      </tr>
      <tr>
        <td>3</td>
        <td>4</td>
      </tr>
    </table>
  </body>
</html>

上一篇下一篇

猜你喜欢

热点阅读