html - CSS边框折叠不适用于值折叠

Question

我已经使用了 css 属性border-collapse: collapse，但它似乎不起作用。

这是html

<table cellspacing="0">
    <tr>
        <td>This is demo</td>
        <td>This is demo</td>
    </tr>
    <tr>
        <td>This is demo</td>
        <td>This is demo</td>
    </tr>
    <tr>
        <td>This is demo</td>
        <td>This is demo</td>
    </tr>
</table>   

和 CSS

table tr td {
    border: 2px solid red;
    border-collapse:collapse;
}

Answer 1

您需要在桌子上应用属性，而不是在 td 上，

table {
    border-collapse:collapse;
}
table tr td {
    border: 2px solid red;
}