html - 更改表格 tr 边框颜色

Question

我有一个表:

<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 和表格边框之间的空白区域或更改其颜色。提前致谢。

Answer 1

您可以将其添加到您的 .box 类中:Example

.box { 
    border-spacing:0;
}

否则，请将您的表格标签更改为:Example

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