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