html 如何合并表格

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>跨行练习</title>

    <style>
        #tb{
            border: 1px;
            /*两条线之间的间隔*/
            border-spacing:  2px;
            width: 500px;

        }
        #tb td{
            border: 1px solid red;
        }
        #tb th{
            border: 1px solid red;
        }
    </style>
</head>
<body>
<table border="1"cellpadding="20px"  >
    <tr>
        <th colspan="3">商品类目</th>

    </tr>
    <tr>
        <td rowspan="3">虚拟</td>
        <td>移动</td>
        <td>联通</td>
    </tr>
    <tr>

        <td>充值卡</td>
        <td>彩票</td>
    </tr>
    <tr>

        <td>梦幻</td>
        <td>QQ</td>
    </tr>
    <tr>
        <td rowspan="3">护肤</td>
        <td>美容护肤</td>
        <td>美体</td>
    </tr>
    <tr>

        <td>彩妆</td>
        <td>香水</td>
    </tr>
    <tr>

        <td>个人护理</td>
        <td>保健</td>
    </tr>
</table>
<table id="tb">
    <tr>
        <th colspan="3">杰瑞教育</th>

    </tr>
    <tr>
        <td>html5</td>
        <td rowspan="2"> 应用开发</td>
        <td>安卓</td>
    </tr>
    <tr>
        <td> ios</td>

        <td>web</td>
    </tr>
</table>

</body>
</html>
展开阅读全文

没有更多推荐了,返回首页