109 lines
3.3 KiB
HTML
109 lines
3.3 KiB
HTML
<html>
|
|
<head>
|
|
<style>
|
|
table { width: 400px; height: 25px; }
|
|
td.blue { background: lightblue; color: lightblue }
|
|
td.green { background: lightgreen; color: lightgreen }
|
|
col.a { width: 100px; }
|
|
col.c { width: 25%; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
With colspan:
|
|
<table cellspacing=0 cellpadding=0>
|
|
<colgroup><col class="a"/><col/><col class="c"/></colgroup>
|
|
<tbody><tr>
|
|
<td class="blue"></td>
|
|
<td class="green" colspan="2"></td>
|
|
</tr></tbody>
|
|
</table>
|
|
<table cellspacing=0 cellpadding=0>
|
|
<colgroup><col class="a"/><col/><col class="c"/></colgroup>
|
|
<tbody><tr>
|
|
<td class="blue">xxx</td>
|
|
<td class="green" colspan="2"></td>
|
|
</tr></tbody>
|
|
</table>
|
|
<table cellspacing=0 cellpadding=0>
|
|
<colgroup><col class="a"/><col/><col class="c"/></colgroup>
|
|
<tbody><tr>
|
|
<td class="blue"></td>
|
|
<td class="green" colspan="2">xxx</td>
|
|
</tr></tbody>
|
|
</table>
|
|
<table cellspacing=0 cellpadding=0>
|
|
<colgroup><col class="a"/><col/><col class="c"/></colgroup>
|
|
<tbody><tr>
|
|
<td class="blue">xxx</td>
|
|
<td class="green" colspan="2">xxx</td>
|
|
</tr></tbody>
|
|
</table>
|
|
|
|
Without colspan:
|
|
<table cellspacing=0 cellpadding=0>
|
|
<colgroup><col class="a"/><col/><col class="c"/></colgroup>
|
|
<tbody><tr>
|
|
<td class="blue"></td>
|
|
<td class="green"></td>
|
|
<td class="green"></td>
|
|
</tr></tbody>
|
|
</table>
|
|
<table cellspacing=0 cellpadding=0>
|
|
<colgroup><col class="a"/><col/><col class="c"/></colgroup>
|
|
<tbody><tr>
|
|
<td class="blue">xxx</td>
|
|
<td class="green"></td>
|
|
<td class="green"></td>
|
|
</tr></tbody>
|
|
</table>
|
|
<table cellspacing=0 cellpadding=0>
|
|
<colgroup><col class="a"/><col/><col class="c"/></colgroup>
|
|
<tbody><tr>
|
|
<td class="blue"></td>
|
|
<td class="green">xxx</td>
|
|
<td class="green"></td>
|
|
</tr></tbody>
|
|
</table>
|
|
<table cellspacing=0 cellpadding=0>
|
|
<colgroup><col class="a"/><col/><col class="c"/></colgroup>
|
|
<tbody><tr>
|
|
<td class="blue"></td>
|
|
<td class="green"></td>
|
|
<td class="green">xxx</td>
|
|
</tr></tbody>
|
|
</table>
|
|
<table cellspacing=0 cellpadding=0>
|
|
<colgroup><col class="a"/><col/><col class="c"/></colgroup>
|
|
<tbody><tr>
|
|
<td class="blue">xxx</td>
|
|
<td class="green">xxx</td>
|
|
<td class="green"></td>
|
|
</tr></tbody>
|
|
</table>
|
|
<table cellspacing=0 cellpadding=0>
|
|
<colgroup><col class="a"/><col/><col class="c"/></colgroup>
|
|
<tbody><tr>
|
|
<td class="blue">xxx</td>
|
|
<td class="green"></td>
|
|
<td class="green">xxx</td>
|
|
</tr></tbody>
|
|
</table>
|
|
<table cellspacing=0 cellpadding=0>
|
|
<colgroup><col class="a"/><col/><col class="c"/></colgroup>
|
|
<tbody><tr>
|
|
<td class="blue"></td>
|
|
<td class="green">xxx</td>
|
|
<td class="green">xxx</td>
|
|
</tr></tbody>
|
|
</table>
|
|
<table cellspacing=0 cellpadding=0>
|
|
<colgroup><col class="a"/><col/><col class="c"/></colgroup>
|
|
<tbody><tr>
|
|
<td class="blue">xxx</td>
|
|
<td class="green">xxx</td>
|
|
<td class="green">xxx</td>
|
|
</tr></tbody>
|
|
</table>
|
|
</body>
|
|
</html>
|