<tr>僅刪除左右邊框

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

更改造型到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 ; 
} 

Answer 3

嘗試是這樣的：Link

CSS：

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