html表格（单元格合并）

七行四列，怎么做出这样的效果，可以不改td的大小，做吗？
我只能做出这样的效果

要是把二行一列二列向下合并就出现错误了

不改td的大小，代码如下：

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <title> 页面名称 </title>
<style>
    .tab {
        border-collapse:collapse;
        width: 500px;
        height: 400px; 
    }
    .tab td{
        border: 1px solid #999;
    }
    .tab tr:after{
           content: "";
        display: table-cell;
        width: 1px;
    }
</style>
</head>
<body>
<table class="tab">
    <tr>
        <td></td>
        <td></td>
        <td rowspan="3" colspan="2"></td>
    </tr>
    <tr>
        <td rowspan="2"></td>
        <td rowspan="2"></td>
    </tr>
    <tr>
    </tr>
    <tr>
        <td rowspan="3" colspan="2"></td>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td rowspan="2"></td>
        <td rowspan="2"></td>
    </tr>
    <tr>
    </tr>
    <tr>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
</table>

</body>
</html>

如有帮助，请点击我的回答下方的【采纳该答案】按钮帮忙采纳下，谢谢!

题主要的代码如下

<style>
    .good {border-collapse:collapse}
    .good td{border:solid 2px #ccc;width:75px;height:25px;}
    .good td.h75{height:75px}
    .good td.h50{height:50px}
</style>
<table class="good">
    <tr><td></td><td></td><td rowspan="2" colspan="2"></td></tr>
    <tr><td class="h75"></td><td></td></tr>
    <tr><td rowspan="2" colspan="2" class="h50"></td><td></td><td></td></tr>
    <tr><td class="h75"></td><td></td></tr>
    <tr><td></td><td></td><td></td><td></td></tr>
</table>


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <table height="300" width="300" border="1" align="centre">
        <caption>Student</caption>
         <tr>
            <th>姓名</th>
            <th>性别</th>
            <th>年龄</th>
        </tr>
        <tr>
            <td>李华</td>
            <td>女</td>
            <td  rowspan="2">18</td>
        </tr>
        <tr>
            <td>王欢</td>
            <td>男</td> 
        </tr>
        <tr>
            <td>蔡军</td>
            <td>男</td>
            <td>20</td>
        </tr>
    
    </table>
</body>
</html>


<table border="1" align="center" cellpadding="20" cellspacing="0">
        <thead>
            <tr>
                <th>姓名</th>
                <th>性别</th>
                <th>职业</th>
                <th>地址</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td rowspan="2">阿牛</td>
                <td>男</td>
                <td>学生</td>
                <td>冰岛</td>
            </tr>
            <tr>
                <td>wa</td>
                <td colspan="2">wa</td>
            </tr>
        </tbody>       
    </table>

您好，我是有问必答小助手，您的问题已经有小伙伴帮您解答，感谢您对有问必答的支持与关注！
PS：问答VIP年卡【限时加赠：IT技术图书免费领】，了解详情>>> https://vip.csdn.net/askvip?utm_source=1146287632