vertical-table-2-ref.html (687B)
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 td { 13 border-left: 1px solid red; 14 border-right: 5px solid green; 15 border-top: 3px solid blue; 16 border-bottom: 5px dotted silver; 17 } 18 </style> 19 </head> 20 <body> 21 22 <table> 23 <tr> 24 <td id="r1c1"></td> 25 <td id="r2c1"></td> 26 </tr> 27 <tr> 28 <td id="r1c2"></td> 29 <td id="r2c2"></td> 30 </tr> 31 <tr> 32 <td id="r1c3"></td> 33 <td id="r2c3"></td> 34 </tr> 35 <tr> 36 <td id="r1c4"></td> 37 <td id="r2c4"></td> 38 </tr> 39 </table> 40 41 </body> 42 </html>