table { border-collapse: collapse; } .border_bottom { border-bottom: 1px solid #000; border-color:yellow } .border_top { border-top: 1px solid #000; border-color:red; }
<a href="http://cj-ramki.blogspot.in/2014/07/add-border-bottom-border-top-to-table.html"><h4>Add border-bottom / border-top to table row using CSS - CJ's Blog</h4><a> <table class="colStyle"> <tr> <td class="border_top">Row 1 Col 1</td> <td class="border_top">Row 1 Col 2</td> <td class="border_top">Row 1 Col 3</td> <td class="border_top">Row 1 Col 4</td> <td class="border_top">Row 1 Col 5</td> </tr> <tr> <td class="border_bottom">Row 2 Col 1</td> <td class="border_bottom">Row 2 Col 2</td> <td class="border_bottom">Row 2 Col 3</td> <td class="border_bottom">Row 2 Col 4</td> <td class="border_bottom">Row 2 Col 5</td> </tr> </table>