table-collapse-4.html (1503B)
1 <!DOCTYPE html> 2 <head> 3 <style> 4 html { 5 line-height: 1.25; 6 } 7 body { 8 background-color: white; 9 margin: 0; 10 } 11 table { 12 background-color: red; 13 border-collapse: collapse; 14 position: absolute; 15 top: 525px; 16 } 17 thead { 18 background-color: pink; 19 } 20 tbody { 21 background-color: grey; 22 } 23 tfoot { 24 background-color: orange; 25 } 26 tr { 27 background-color: green; 28 } 29 td:first-child { 30 background-color: cyan; 31 } 32 td { 33 padding: 0; 34 background-color: blue; 35 border-style: solid; 36 border-width: 5px; 37 border-color: gold; 38 } 39 colgroup { 40 background-color: purple; 41 } 42 col:first-child { 43 background-color: khaki; 44 } 45 .rel { 46 position: relative; 47 bottom: 175px; 48 } 49 </style> 50 </head> 51 <body> 52 <table> 53 <colgroup> 54 <col> 55 <col> 56 </colgroup> 57 <thead class="rel"> 58 <tr> 59 <td class="rel">XXX</td> 60 <td class="rel">YYY</td> 61 </tr> 62 </thead> 63 <tbody class="rel"> 64 <tr> 65 <td class="rel">XXX</td> 66 <td>YYY</td> 67 </tr> 68 <tr> 69 <td>XXX</td> 70 <td rowspan=2 class="rel">YYY</td> 71 </tr> 72 <tr class="rel"> 73 <td class="rel">XXX</td> 74 </tr> 75 <tr> 76 <td colspan=2 class="rel">XXX</td> 77 </tr> 78 </tbody> 79 <tfoot> 80 <tr> 81 <td class="rel">XXX</td> 82 <td>YYY</td> 83 </tr> 84 </tfoot> 85 </table> 86 </body>