vertical-table-1a.html (790B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset=utf-8> 5 <style> 6 table { writing-mode: vertical-lr; } 7 #r1c1, #r1c2, #r1c3, #r1c4 { width: 50px; } 8 #r2c1, #r2c2, #r2c3, #r2c4 { width: 100px; } 9 #r1c1, #r2c1 { height: 20px; } 10 #r1c2, #r2c2 { height: 30px; } 11 #r1c3, #r2c3 { height: 40px; } 12 #r1c4, #r2c4 { height: 50px; } 13 #r1c1 { background: #003; } 14 #r1c2 { background: #007; } 15 #r1c3 { background: #00b; } 16 #r1c4 { background: #00f; } 17 #r2c1 { background: #030; } 18 #r2c2 { background: #070; } 19 #r2c3 { background: #0b0; } 20 #r2c4 { background: #0f0; } 21 </style> 22 </head> 23 <body> 24 25 <table> 26 <tr> 27 <td id="r1c1"></td> 28 <td id="r1c2"></td> 29 <td id="r1c3"></td> 30 <td id="r1c4"></td> 31 </tr> 32 <tr> 33 <td id="r2c1"></td> 34 <td id="r2c2"></td> 35 <td id="r2c3"></td> 36 <td id="r2c4"></td> 37 </tr> 38 </table> 39 40 </body> 41 </html>