2011-03-13 220 views
4

我想將<tr>的邊框設置爲黃色。我可以設置<td>的邊框,但不能設置如何設置第<tr>行的邊框。 如何做到這一點?行邊框顏色

謝謝。

+1

你到目前爲止嘗試過什麼?有任何問題''? – 2011-03-13 09:53:16

+1

重複的http://stackoverflow.com/questions/3589614/is-it-possible-to-have-a-border-around-a-table-row-in-s-路由 – 2011-03-13 09:54:06

回答

3

儘管css規範(http://www.w3.org/TR/CSS2/box.html#border-properties)明白地說邊框和邊框顏色可以應用於「所有元素」,但不能做。雖然可能是因爲<表>可能不屬於箱子模型;我不確定這一點。

無論如何,這是一種反直覺,瘋狂似乎,頁面膨脹感應皮塔餅。

必須有更好的解決方案,而不是接近每個表格單元格,這就是我最終要做的。

- 皮特

+1

我認爲你錯了。 TR元素確實接受邊界。 – Matthieu 2014-02-19 16:18:19

+0

錯了。接受的答案應該是http://stackoverflow.com/a/5288762/2091700 – Alphaaa 2015-12-18 14:47:35

-1

爲tr元素寫一個CSS規則?像tr {border:...}之類的東西你有沒有試過這個,它不工作?首先使用W3C標記驗證程序驗證您的HTML代碼,並在有任何指示時解決錯誤。

+0

我試圖創建一個規則tr在CSS中,但它沒有工作。 – DotnetSparrow 2011-03-13 14:02:37

8

This example是在IE8,Chrome瀏覽器9和Firefox 3.6工作正常,所以我實在看不出有什麼問題。

HTML示例中使用:

<table> 
    <tr> 
     <td>AAA</td> 
     <td class="middle">BBB</td> 
     <td>CCC</td> 
    </tr> 
</table> 

CSS:

.middle { border: 2px solid blue; } 
tr { border: 2px solid red; } 

結果:
enter image description here

+0

傑出!謝謝,影子精靈。 – 2011-03-13 11:04:47

-2

我這樣做是沒有的CSS。

<TR BORDERCOLOR="RED" BGCOLOR ="PINK">output

在IE而不是火狐,Chrome,甚至邊緣。

+0

請注意,這是不是有效的代碼數年 – 2016-02-18 13:52:41