HTML怎么才能做到这样鸭

html表格要代颜色，三行三列，怎么去掉这几个怎么做到的鸭求解～

img

img


<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <table cellspacing="0">
        <tr class="tr1">
            <td>男生</td>
            <td>女生</td>
            <td>所有</td>
        </tr>
        <tr class="tr2">
            <td>阿不都热合曼</td>
        </tr>
        <tr class="tr3">
            <td>依不拉音</td>
        </tr>
        <tr class="tr4">
            <td>阿力木江</td>
        </tr>
    </table>
    <style>
        .tr1 {
            background-color: aquamarine;
            width: 100px;
        }

        .tr2,
        .tr3,
        .tr4 {
            background-color: yellowgreen;
        }

        tr {
            text-align: center;
        }

        td {
            width: 200px;
            height: 50px;
            box-shadow: 0px 0px 1px 0px;
            border-color: black;
        }
    </style>
</body>

</html>

img

img


代码及效果图，望采纳，关注我，随时为你解惑

???
你知道你在问什么吗?
不写td标签不行吗
不用table表格不行吗
去掉的几个不显示边框不行吗
html属于标识语言 不要在意怎么实现的 只要实现了就行

去掉什么