vertical-border-collapse-1.html (1000B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset=utf-8> 5 <style> 6 table { 7 margin: 10px; 8 border: 8px solid silver; 9 border-right-color: #666; 10 border-bottom-color: #333; 11 border-spacing: 5px; 12 border-collapse: collapse; 13 writing-mode: vertical-lr; 14 } 15 td { 16 border: 4px solid black; 17 height: 50px; 18 width: 20px; 19 text-align: center; 20 } 21 td.w1 { 22 height: 80px; 23 } 24 td.w2 { 25 height: 120px; 26 } 27 tr:nth-child(even) { 28 background: #ffc; 29 } 30 tr:nth-child(odd) { 31 background: #cff; 32 } 33 tr:nth-child(1) { 34 background: #fcf; 35 width: 50px; 36 } 37 </style> 38 </head> 39 <body> 40 41 <table> 42 <tr><td colspan=3> </td> <td> </td> </tr> 43 <tr><td rowspan=3> </td><td class="w1"> </td><td> </td><td> </td> </tr> 44 <tr> <td> </td> <td> </td><td rowspan=2> </td> </tr> 45 <tr> <td> </td> <td> </td> </tr> 46 <tr><td> </td> <td> </td> <td> </td><td class="w2"> </td></tr> 47 </table> 48 49 </body> 50 </html>