改变表格中每行的边框颜色

Question

I had a table as:

<table border="0" class="box">
    <tr height="25%" class="tableHead">
        <td align="center">Title</td>
    </tr>
    <tr height="25%">
        <td>test</td>
    </tr>
    <tr height="25%">
        <td>test</td>
    </tr>
    <tr height="25%">
        <td>test</td>
    </tr>
</table>

将CSS译为：

.box{
    background:#FFFFFF;
    border:5px solid #427BD6;
    border-radius:8px;
}

.tableHead{
    background:#427BD6;
    color:#FFFFFF;
    border-style:solid; 
    border-width: 1px;
    border-color: #427BD6;
    font-weight:bold;
}

我想要移除标题tr和表格边框之间的空白，或者改变其颜色。谢谢。

- user2779544

---

我曾尝试使用border-collapse:collapse，但它会隐藏边框半径。 - user2779544

抱歉，我的错误，我已经从我的答案中编辑掉了。 - Jamie Taylor

Answer 1

您可以将以下内容添加到您的 .box 类中：示例。

.box { 
    border-spacing:0;
}

如果失败了，将您的表格标签更改为：示例。

<table cellspacing="0" cellpadding="0" border="0" class="box">

- Jamie Taylor

---

谢谢，它起作用了！还有一个澄清，是否可以像链接中那样以双色给表格加边框？ - user2779544

Answer 2

在你的表格中添加 cellspacing="0"。那样就可以了！

- Jayesh Amin