vertical-border-collapse-2-ref.html (892B)
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 } 14 td { 15 border: 4px solid black; 16 height: 50px; 17 width: 20px; 18 text-align: center; 19 } 20 tr:nth-child(2) > td { 21 height: 80px; 22 } 23 tr:nth-child(4) > td { 24 height: 120px; 25 } 26 col:nth-child(even) { 27 background: #ffc; 28 } 29 col:nth-child(odd) { 30 background: #cff; 31 } 32 col:nth-child(5) { 33 background: #fcf; 34 width: 50px; 35 } 36 </style> 37 </head> 38 <body> 39 40 <table> 41 <col/><col/><col/><col/><col/> 42 <tr> <td> </td> <td colspan=3> </td> <td rowspan=3> </td> </tr> 43 <tr> <td> </td> <td> </td> <td> </td> <td> </td> </tr> 44 <tr> <td> </td> <td> </td> <td> </td> <td> </td> </tr> 45 <tr> <td> </td> <td colspan=2 style="background:#cff"> </td> <td> </td> <td> </td> </tr> 46 </table> 47 48 </body> 49 </html>