图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>
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>
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>