css - 无法将边框应用于表 td

Question

我一定是忽略了一些东西，但我似乎可以弄明白。我为我的表格单元格应用了边框，但它们没有显示。请有人看看下面的标记和 CSS 并帮助我。这是 static site我已将 Myers CSS 重置应用到我的样式表，不确定它是否有所不同。

<table>
                <caption>Your Upcoming Bill Due Dates</caption>
                <thead>
                    <tr>
                    <th scope="col"></th>
                    <th scope="col">Bill Due Date</th>
                    <th scope="col">Bill Name</th>
                    <th scope="col">Amount</th>
                    <th scope="col">Frequency</th>
                    <th scope="col">Last Paid</th>
                </thead>                    
                </tr>
                <tr>
                    <td></td>
                    <td>March 7th, 2013</td>
                    <td>Childcare</td>
                    <td>$560</td>
                    <td>Weekly</td>
                    <td>February 26th, 2013</td>
                </tr>
                <tr>
                    <td></td>
                    <td>June 13th, 2013</td>
                    <td>Water Bill</td>
                    <td>$125.60</td>
                    <td>Monthly</td>
                    <td>May 2nd, 2013</td>
                </tr>

            </table>

这是CSS

table {
    clear: both;
    border: 2px solid blue;
    border-collapse: separate;

}

td th {
    border: 2px solid red;
}

Answer 1

您可以将 border-collapse:collapse; 更改为 border-spacing:0;，但是

td th { border: 2px solid red; }

应该这样写

td ,th {
    border: 2px solid red;
}