表格邊框不工作：錶行（TR）邊界是使用CSS

Question

這裏不會出現是我的樣式表

<style> 
table tr{ border:1px solid #F00 ; } 
table td{ padding:20px; } 
</style>  

下面是一個HTML代碼：

<table class="" border="0" cellpadding="0" cellspacing="0"> 
<tr> 
    <td>Test</td> 
    <td>testing</td> 
</tr> 
</table> 

這裏是一個小提琴鏈接實時預覽。 http://jsfiddle.net/Husen/tL7wK/

Answer 1

您需要添加邊框TD例如：

<style> 
table td{ padding:20px; border:1px solid #F00 ; } 
</style> 

DEMO

也可以添加邊框表： 這樣的：

table{ border:1px solid #F00 ; } 
table td{ padding:20px; } 

DEMO2

如果你只想排邊框效果，你可以試試這個：

table td{ 
    border-top: 1px solid red; 
    border-bottom: 1px solid red; 
    padding:20px; 
} 

table{ border:1px solid #F00 ; } 

DEMO3

Answer 2

嘗試這樣的事情

table td{ border:1px solid #F00 ;padding:20px; } 

Answer 3

取出table小號border屬性。

將border-collapse: collapse;添加到您的CSS。這將允許邊框爲tr :)

table { 
 
    border-collapse: collapse; 
 
} 
 

 
table tr { 
 
    border: 1px solid #F00; 
 
    border-top: 1px solid #0F0; 
 
} 
 

 
table td { 
 
    padding: 20px; 
 
}

<table> 
 
    <tr> 
 
    <td>Test</td> 
 
    <td>testing</td> 
 
    </tr> 
 
</table>