仅删除左右边框

Question

是否可以删除这些区域？ （标有黑色）

这是我目前的CSS：

table.report { 
    border-collapse:collapse; 
}

table.report td, table.report th { 
    border:1px solid rgb(150, 150, 150);
    padding:5px; 
}

tr.title {
    border-left: 0px solid;
    border-right: 0px solid;
}

td.normal {
    min-width: 200px;
}

td.extended {
    min-width: 400px;
}

p.center {
    padding-top: 5px;
    text-align: center;
}

HTML：

<table class="report">
    <tr class="title">
        <td colspan="4"><p class="center">Solution 1</p></td>
    </tr>
    <tr>
        <td class="normal">Assured Load</td>
        <td class="normal">{PHP Returns}</td>
        <td class="extended" colspan="2">{PHP Returns}</td>
    </tr>
</table>

FIDDLE

Answer 1

现有边框应用于表格单元格而不是行，因此将行边框设置为0px将无济于事。将零边框应用于单元格：

tr.title td {
    border-left: 0px solid;
    border-right: 0px solid;
}

Demo

Answer 2

尝试以下方法： Link

<强> CSS：

tr.title td:first-child {
    border-left: 0 !important;
    border-right: 0 !important;
}

Answer 3

将样式更改为TD

<强> FIDDLE

<td class="title" colspan="4"><p class="center">Solution 1</p></td>

tr td.title {
    border-left: 0px solid ;
    border-right: 0px solid ;
}