所有TD都没有出现边界底部，仅出现在最后TR的TD上

Question

我在这里有一张表，我试图将一些CSS规则应用到它。我已经有一个CSS规则来设置边框底部和边框顶部分别为红色和绿色。由于某种原因，边界底部不出现在所有TD上，而只出现在最后TR的TD上。任何理由。

    table{
        border-collapse:collapse;
    }
    table td{
        border-top:solid 4px green;
        border-bottom:solid 2px red;
    }
<table width="500px">
        <tr>
            <td>Computers</td>
            <td>£900</td>
        </tr>
        <tr>
            <td>Laptops</td>
            <td>£600</td>
        </tr>
        <tr>
            <td>Keyboards</td>
            <td>£20</td>
        </tr>
        <tr>
            <td>Hard Drives</td>
            <td>£80</td>
        </tr>
    </table>

Answer 1

边框重叠，绿色位于红色顶部。要纠正此设置border-collapse: separate;而不是border-collapse: collapse;