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