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