表格邊框在Firefox和Safari中不起作用

我希望表格行在底部和頂部具有邊框。下面的代碼適用於IE，但不適用於Firefox或Safari！請幫助！表格邊框在Firefox和Safari中不起作用

HTML

<tr class='TableRow'>

CSS

.TableRow{ 
    border-bottom: 2px solid rgb(167,167,167); 
    border-top: 2px solid rgb(167,167,167); 
    }

來源

2012-04-19 user930514

據我所知，你無法通過CSS設置邊框錶行。但我會建議你解決這個問題：將邊框設置到行內的單元格，然後使用cellspacing =「0」。這裏是CSS：

.TableRow td{ 
    border-bottom: 2px solid rgb(167,167,167); 
    border-top: 2px solid rgb(167,167,167); 
}

和樣本HTML將是：

<table cellspacing="0"> 
    <tr class="TableRow"> 
     <td>A</td> 
     <td>B</td> 
    </tr> 
    <tr> 
     <td>C</td> 
     <td>D</td> 
    </tr> 
</table>

第一行會是一個有邊界。

希望有所幫助。

編輯：我試過你的代碼，並沒有在任何瀏覽器中顯示邊框，包括IE瀏覽器。

來源

2012-04-19 18:27:26

謝謝！ :)它的工作 – user930514 2012-04-20 04:29:47

只有當我給我的'

''border-collapse：separate'的CSS聲明時，這才起作用。 – 2013-12-19 19:29:37

這是否解決了您的問題？

tr.TableRow td { 
    border-bottom: 2px solid rgb(167,167,167); 
    border-top: 2px solid rgb(167,167,167); 
}

將任何行內的邊框添加到所有的表數據與類TableRow。在開始的時候添加tr.是一種很好的做法，因爲我認爲你只能在表格行中使用這個類。

如果您將此應用於多行 - 您可能還需要添加border-collapse:collapse;，這會將邊框摺疊爲單個邊框。

來源

2012-04-19 18:34:58 jleft

將border-collapse:collapse添加到表格中，然後您可以將邊框添加到tr。

例子：

table.myTable{ 
    border-collapse:collapse; 
} 

table.myTable tr{ 
    border:1px solid red; 
}

來源

2014-01-12 09:24:37

相關問題

表格邊框在Firefox和Safari中不起作用

回答

相關問題