?????????????????????????????????圖1

??????????????????????????????? 圖2(加了藍(lán)色，讓問題更清楚)
說明：
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>

轉(zhuǎn)載于:https://www.cnblogs.com/tenghoo/archive/2007/07/18/822751.html

總結(jié)

以上是生活随笔為你收集整理的小小Table的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。