一尘不染

使用CSS删除不需要的表格单元格边框

css

我有一个特殊而令人沮丧的问题。对于简单的标记:

<table>
    <thead>
        <tr><th>1</th><th>2</th><th>3</th></tr>
     </thead>
    <tbody>
        <tr><td>a</td><td>b></td><td>c</td></tr>
        <tr class='odd'><td>x</td><td>y</td><td>z</td></tr>
    </tbody>
</table>

我将不同的背景色值应用于 theadtrtr
奇数元素。问题在于,在大多数浏览器中,每个单元格都有一个不需要的边框,该边框不是任何表行的颜色。仅在Firefox 3.5中,表格的任何单元格都没有边框。

我只想知道如何在其他主要浏览器中删除这些边框,以便表中唯一可见的是交替的行颜色。


阅读 633

收藏
2020-05-16

共1个答案

一尘不染

您需要将此添加到CSS:

table { border-collapse:collapse }
2020-05-16