<!DOCTYPE html> <html> <head> <meta charset=utf-8> <style> table { margin: 10px; border: 8px solid silver; border-right-color: gray; border-bottom-color: gray; border-spacing: 5px; border-collapse: collapse; } td { border: 4px solid black; width: 50px; height: 20px; text-align: center; } td.w1 { width: 80px; } td.w2 { width: 120px; } tr:nth-child(even) { background: #ffc; } tr:nth-child(odd) { background: #cff; } tr:nth-child(1) { background: #fcf; } </style> </head> <body> <table dir=rtl> <tr><td colspan=3>x</td> <td>x</td> </tr> <tr><td rowspan=3>x</td><td class="w1">x</td><td>x</td><td>x</td> </tr> <tr> <td>x</td> <td>x</td><td rowspan=2>x</td> </tr> <tr> <td>x</td> <td>x</td> </tr> <tr><td>x</td> <td>x</td> <td>x</td><td class="w2">x</td></tr> </table> </body> </html>