HTML表格宽度问题

在写HTML的时候,使用 width="300", 为什么出来的效果是每一列宽度不一样呢??

  <table border = "3" width= "300" height = "300" >
        <tbody>
        <tr>
            <td>时间</td>
            <td>事项</td>
            <td>评分</td>
        </tr>
        <tr>
            <td>上午7点15</td>
            <td>送机</td>
            <td>满分</td>    
        </tr>
        <tr>
            <td>上午10点</td>
            <td>换轮子</td>
            <td>满分</td>
        </tr>
        </tbody>
    </table>

你又没有设置tr td的宽度,肯定就自适应了,300只是table的宽度

列的宽度在td里设置,

你设置的只是table的宽高 又不是td的 在外加个css样式 给每个td加上宽


<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <style>
        td {
            width: 100px;
        }
    </style>
    <body>
        <table border="3" width="300" height="300">
            <tbody>
                <tr>
                    <td>时间</td>
                    <td>事项</td>
                    <td>评分</td>
                </tr>
                <tr>
                    <td>上午7点15</td>
                    <td>送机</td>
                    <td>满分</td>
                </tr>
                <tr>
                    <td>上午10点</td>
                    <td>换轮子</td>
                    <td>满分</td>
                </tr>
            </tbody>
        </table>

    </body>
</html>