Table Border is Not working : Table Row (tr) Border does not appear using CSS

css, html

Solution

You need to add border to td for example:

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

DEMO

Or you can add border to the table: like this:

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

DEMO2

If you want only row border effect you can try this:

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

 table{ border:1px solid #F00 ;  }

DEMO3

Problem

Here is my Stylesheet ``` <style> table tr{ border:1px solid #F00 ; } table td{ padding:20px; } </style> ``` Here is a HTML CODE : ``` <table class="" border="0" cellpadding="0" cellspacing="0"> <tr> <td>Test</td> <td>testing</td> </tr> </table> ``` Here is a Fiddle link for live preview. http://jsfiddle.net/Husen/tL7wK/

Original source

Related problems