在 Firefox 中使用 CSS 实现圆角

我实际上想把桌子内的角弄圆。就我而言，这似乎是不可能的。我已经尝试了几乎所有的方法，但我无法让它发挥作用。

问题是我基本上有一张桌子，其螺纹具有特定的颜色，比如说黑色，我想通过将其角磨圆来给它一点圆角。

谁能告诉我这怎么可能？

这是我到目前为止尝试过的 jsFiddle：

HTML:

    <table>
    <thead>
        <tr>
            <th>First</th>
            <th>Second</th>
            <th>Third</th>
        </tr>
    </thead>
</table>

CSS:

table {
    margin: 0px auto;
    clear: both;
    width: 100%;
    border: 1px solid white;
   -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: white;
}

table thead {
    background: black;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

http://jsfiddle.net/fhyWp/2/ http://jsfiddle.net/fhyWp/2/

2020 年编辑，因为我最近看到了关于这个答案的一些活动。

这些天你应该只使用border-radius属性，因为现在所有主要浏览器都支持它。

th {
    border-radius: 3px;
}

因为半径需要打开th not on thead。添加类似的内容：

th {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

（您可以从中删除边界半径信息table thead)

如果你只是改变也可以table thead to th

如果有边框，则表格的 border-collapse css 属性必须设置为“单独”。

table{
    border-collapse: separate;
}