table的右边框比其他地方粗？为什么

问题遇到的现象和发生背景

为什么table的右边框比其他的要粗？

问题相关代码，请勿粘贴截图
<!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>
    <style>
        table caption {
            background-color: black;
            color: white;
            white-space: nowrap;
            padding: 5px;
        }
        
        table tr td {
            height: 50px;
            text-align: center;
            vertical-align: middle;
            border: 1px solid;
        }
        
        table {
            /* border-spacing: 0px; */
            border-collapse: collapse;
            border: 1px solid;
        }
    </style>
</head>

<body>
    <table>
        <caption>这是这个表格的标题</caption>
        <tr>
            <td>哈哈</td>
            <td>呜呜</td>
        </tr>
        <tr>
            <td>哈哈</td>
            <td>呜呜</td>
        </tr>
    </table>
</body>

</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>
    <style>
        table caption {
            background-color: black;
            color: white;
            white-space: nowrap;
            padding: 5px;
        }

        table tr td {
            height: 50px;
            text-align: center;
            vertical-align: middle;
            border-left: 1px solid;
            border-top: 1px solid
        }

        table {
            /* border-spacing: 0px; */

            border-right: 1px solid;
            border-bottom: 1px solid;
        }
    </style>
</head>

<body>
    <table cellpadding="0" cellspacing="0">
        <caption>这是这个表格的标题</caption>
        <tr>
            <td>哈哈</td>
            <td>呜呜</td>
        </tr>
        <tr>
            <td>哈哈</td>
            <td>呜呜</td>
        </tr>
    </table>
</body>

</html>

给table设置样式时里面不用写border:1px solid

什么浏览器，谷歌？ 你设置了border-collapse: collapse; 应该是不会出现这个问题的