問題上的內嵌樣式TR底部邊框

Question

我想下邊框添加到表如下的<tr>元素，但它不工作

<table> 
<tr style="border-bottom: 1px solid black !important;"> 

它工作時，我的樣式添加到<td>但不在<tr>。你可以讓我知道如何解決它？

感謝

Answer 1

不能tr元素應用邊框，你需要在td應用邊框，或者你需要使用border-collapse您table元素

Demo（應用border-bottom到td）

Demo 2（申請border-bottom至tr如果使用border-collapse）

table { 
    width: 100%; 
    border-collapse: collapse; 
} 

table tr { /* Use table tr td if not using border-collapse property */ 
    border-bottom: 1px solid #eee; 
} 

注意：避免使用內嵌的風格，你會覺得很難在某一點上改變他們 ，也避免使用!important除非必要， 考慮使用更具體的選擇而不是