413286-1b.html (3373B)
1 <html> 2 <head> 3 <style> 4 table { width: 400px; height: 25px; font-size: 10px; } 5 td.blue { background: lightblue; color: rgba(0,0,0,0) } 6 td.green { background: lightgreen; color: rgba(0,0,0,0) } 7 col.a { width: 25%; } 8 col.c { width: 25%; } 9 </style> 10 </head> 11 <body> 12 With colspan: 13 <table cellspacing=0 cellpadding=0> 14 <colgroup><col class="a"/><col/><col class="c"/></colgroup> 15 <tbody><tr> 16 <td class="blue"></td> 17 <td class="green" colspan="2"></td> 18 </tr></tbody> 19 </table> 20 <table cellspacing=0 cellpadding=0> 21 <colgroup><col class="a"/><col/><col class="c"/></colgroup> 22 <tbody><tr> 23 <td class="blue">xxx</td> 24 <td class="green" colspan="2"></td> 25 </tr></tbody> 26 </table> 27 <table cellspacing=0 cellpadding=0> 28 <colgroup><col class="a"/><col/><col class="c"/></colgroup> 29 <tbody><tr> 30 <td class="blue"></td> 31 <td class="green" colspan="2">xxx</td> 32 </tr></tbody> 33 </table> 34 <table cellspacing=0 cellpadding=0> 35 <colgroup><col class="a"/><col/><col class="c"/></colgroup> 36 <tbody><tr> 37 <td class="blue">xxx</td> 38 <td class="green" colspan="2">xxx</td> 39 </tr></tbody> 40 </table> 41 42 Without colspan: 43 <table cellspacing=0 cellpadding=0> 44 <colgroup><col class="a"/><col/><col class="c"/></colgroup> 45 <tbody><tr> 46 <td class="blue"></td> 47 <td class="green"></td> 48 <td class="green"></td> 49 </tr></tbody> 50 </table> 51 <table cellspacing=0 cellpadding=0> 52 <colgroup><col class="a"/><col/><col class="c"/></colgroup> 53 <tbody><tr> 54 <td class="blue">xxx</td> 55 <td class="green"></td> 56 <td class="green"></td> 57 </tr></tbody> 58 </table> 59 <table cellspacing=0 cellpadding=0> 60 <colgroup><col class="a"/><col/><col class="c"/></colgroup> 61 <tbody><tr> 62 <td class="blue"></td> 63 <td class="green">xxx</td> 64 <td class="green"></td> 65 </tr></tbody> 66 </table> 67 <table cellspacing=0 cellpadding=0> 68 <colgroup><col class="a"/><col/><col class="c"/></colgroup> 69 <tbody><tr> 70 <td class="blue"></td> 71 <td class="green"></td> 72 <td class="green">xxx</td> 73 </tr></tbody> 74 </table> 75 <table cellspacing=0 cellpadding=0> 76 <colgroup><col class="a"/><col/><col class="c"/></colgroup> 77 <tbody><tr> 78 <td class="blue">xxx</td> 79 <td class="green">xxx</td> 80 <td class="green"></td> 81 </tr></tbody> 82 </table> 83 <table cellspacing=0 cellpadding=0> 84 <colgroup><col class="a"/><col/><col class="c"/></colgroup> 85 <tbody><tr> 86 <td class="blue">xxx</td> 87 <td class="green"></td> 88 <td class="green">xxx</td> 89 </tr></tbody> 90 </table> 91 <table cellspacing=0 cellpadding=0> 92 <colgroup><col class="a"/><col/><col class="c"/></colgroup> 93 <tbody><tr> 94 <td class="blue"></td> 95 <td class="green">xxx</td> 96 <td class="green">xxx</td> 97 </tr></tbody> 98 </table> 99 <table cellspacing=0 cellpadding=0> 100 <colgroup><col class="a"/><col/><col class="c"/></colgroup> 101 <tbody><tr> 102 <td class="blue">xxx</td> 103 <td class="green">xxx</td> 104 <td class="green">xxx</td> 105 </tr></tbody> 106 </table> 107 </body> 108 </html>