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

Issue

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/

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

Answered By - Alessandro Minoccheri