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;
}