小小Table

                                 图1

                                图2(加了蓝色，让问题更清楚)
说明：
1.工作需要要做这样一个图形（图1），而且要求不用表(table)套表(table)即一个table画出。
2.素材有图表两张:(12*14),(12*13) 颜色为Red
感兴趣的朋友不防画画。
以下为图1的HTML：

图1的HTML
 1    <table cellspacing=0 cellpadding=0 border=0 align=center width=300 height=150>
 2    <tr height=1>
 3        <td width=1 colspan=2 rowspan=2 background="top_left.gif" ></td>
 4        <td bgcolor=red colspan=2></td>
 5        <td width=1 bgcolor=red rowspan=5></td>
 6    </tr>
 7    <tr height=13>
 8        <td  colspan=2></td>
 9    </tr>
10    <tr>
11        <td  width=1  bgcolor=red></td>
12        <td  width=11 ></td>
13        <td >我们在中间</td>
14        <td  width=11></td>
15    </tr>
16    <tr height=12>
17        <td width=1 colspan=2 rowspan=2 background="bottom_left.gif"></td>
18        <td  colspan=2></td>
19    </tr>
20    <tr height=1 bgcolor=red>
21        <td colspan=2></td>
22    </tr>
23    </table>

以下为图2的HTML：

图2的HTML
 1    <table cellspacing=0 cellpadding=0 border=0 align=center width=300 height=150>
 2    <tr height=1>
 3        <td width=1 colspan=2 rowspan=2 background="top_left.gif" ></td>
 4        <td bgcolor=red colspan=2></td>
 5        <td width=1 bgcolor=red rowspan=5></td>
 6    </tr>
 7    <tr height=13>
 8        <td bgcolor=blue colspan=2></td>
 9    </tr>
10    <tr>
11        <td  width=1  bgcolor=red></td>
12        <td  width=11 bgcolor=blue></td>
13        <td >我们在中间</td>
14        <td bgcolor=blue width=11></td>
15    </tr>
16    <tr height=12>
17        <td width=1 colspan=2 rowspan=2 background="bottom_left.gif"></td>
18        <td bgcolor=blue colspan=2></td>
19    </tr>
20    <tr height=1 bgcolor=red>
21        <td colspan=2></td>
22    </tr>
23    </table>

转载于:https://www.cnblogs.com/tenghoo/archive/2007/07/18/822751.html