更改表格tr边框颜色

时间:2013-09-19 13:31:27

标签: html css

我有一张桌子:

<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 as:

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

2 个答案:

答案 0 :(得分:2)

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

.box { 
    border-spacing:0;
}

如果失败,请将表格标记更改为:Example

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

答案 1 :(得分:0)

在表格中添加cellspacing =“0”。那会有效!