vertical-table-rowspan-1.html (664B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset=utf-8> 5 <style> 6 table { writing-mode: vertical-lr; } 7 td { border: 1px solid black; } 8 .r1 { width: 50px; background: #800; } 9 .r2 { width: 100px ;background: #080; } 10 .r3 { width: 20px; background: #008; } 11 .c1 { height: 20px; } 12 .c2 { height: 30px; } 13 .c3 { height: 40px; } 14 .c4 { height: 50px; } 15 </style> 16 </head> 17 <body> 18 19 <table> 20 <tr> 21 <td class="r1 c1" rowspan=2></td> 22 <td class="r1 c2"></td> 23 <td class="r1 c3" rowspan=3></td> 24 <td class="r1 c4"></td> 25 </tr> 26 <tr> 27 <td class="r2 c2"></td> 28 <td class="r2 c4" rowspan=2></td> 29 </tr> 30 <tr> 31 <td class="r3 c1"></td> 32 <td class="r3 c2"></td> 33 </tr> 34 </table> 35 36 </body> 37 </html>