Html Table 合并单元格_html/css_WEB-ITnose

    <meta charset="UTF-8">    <title></title><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>

效果如下：

小注：

表格部分基础知识：点击打开链接