css中怎样写所跨的行数

html-css025

css中怎样写所跨的行数,第1张

<table>

<tr><td colspan='3'>这个单元格横跨3列</td>

<tr><td rowspan='2'>这个单元格纵跨两行</td>

</table>

Html中的table元素中，colspan 属性规定单元格可横跨的列数即跨列，rowspan 属性规定单元格可横跨的行数跨行。

两个属性的代码实例如下：

1、表格单元横跨两列的表格：

<table border="1">

  <tr>

    <th>Month</th>

    <th>Savings</th>

  </tr>

  <tr>

    <td colspan="2">January</td><!--设置横跨两列-->

  </tr>

  <tr>

    <td colspan="2">February</td><!--设置横跨两列-->

  </tr>

</table>

结果：

2、表格单元横跨两行的表格：

<table border="1">

  <tr>

    <th>Month</th>

    <th>Savings</th>

  </tr>

  <tr>

    <td>January</td>

    <td>$100.00</td>

    <td rowspan="2">$50</td><!--设置横跨两行-->

  </tr>

  <tr>

    <td>February</td>

    <td>$10.00</td>

  </tr>

</table>