HTML CSS examples for CSS Widget:Border Style
Border overlap on stacked tr elements
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> table {<!--from w ww .j a v a2 s .co m--> border-spacing: 0; } tr.blue td { border-top: 5px solid blue; border-bottom: 5px solid blue; } tr.blue td:first-child { border-left: 5px solid blue; } tr.blue td:last-child { border-right: 5px solid blue; } tr.green td { border-top: 5px solid green; border-bottom: 5px solid green; } tr.green td:first-child { border-left: 5px solid green; } tr.green td:last-child { border-right: 5px solid green; } </style> </head> <body> <table> <tbody> <tr class="blue"> <td>XXX</td> <td>YYY</td> <td>ZZZ</td> </tr> <tr class="green"> <td>AAA</td> <td>BBB</td> <td>CCC</td> </tr> </tbody> </table> </body> </html>