vertical-table-specified-width-2-ref.html (835B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset=utf-8> 5 <style> 6 html { overflow: hidden; } 7 table { border-spacing: 0; } 8 td { padding: 0; } 9 .r1 { width: 80px; } 10 .r2 { width: 130px; } 11 .r3 { width: 50px; } 12 .c1 { height: 20px; } 13 .c2 { height: 30px; } 14 .c3 { height: 40px; } 15 .c4 { height: 50px; } 16 </style> 17 </head> 18 <body> 19 20 <table> 21 <tr> 22 <td class="r1 c1" colspan=2 style="background: #080;"></td> 23 <td class="r3 c1" style="background: #008;"></td> 24 </tr> 25 <tr> 26 <td class="r1 c2" style="background: #800;"></td> 27 <td class="r2 c2" style="background: #080;"></td> 28 <td class="r3 c2" style="background: #008;"></td> 29 </tr> 30 <tr> 31 <td class="r1 c3" colspan=3 style="background: #008;"></td> 32 </tr> 33 <tr> 34 <td class="r1 c4" style="background: #800;"></td> 35 <td class="r2 c4" colspan=2 style="background: #008;"></td> 36 </tr> 37 </table> 38 39 </body> 40 </html>