table 使用border-collapse: collapse; 让重复的边框折叠起来并且消除表格直接的间距。

<table class="table">
    <caption>标题</caption>
    <thead>
        <tr>
            <th>加粗的表头</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td></td>
        </tr>
    </tbody>
    <tfoot>
    
    </tfoot>
</table>

rowspan 跨行合并
colspan 跨列合并

.table{
    border: 1px solid #999999;
    border-collapse: collapse;
    th,td{
        text-align: center;
        padding: 20px 40px;
    }
}

border-collapse: collapse; 让重复的边框折叠起来并且消除表格直接的间距。