DIV CSS 佈局教程網

源代碼（刪除了些Class）：

復制代碼代碼如下:
<table>
<thead>
<tr><th colspan=2 >買家：易小麥</th></tr>
</thead>
<tbody>
<tr>
<td rowspan=4 >
<img src="../img/103.jpg" width="100%" height="100%">
</td>
<td >物品名稱：移動電源</td>
</tr>
<tr><td >單價：￥28 元</td></tr>
<tr><td >數量：<input type="text" id="goods_number" ></td></tr>
<tr><td >賣家：易大麥</td></tr>
</tbody>
<tfoot>
<tr>
<td>支付方式:
<select class="w100">
<option value ="e">虛擬賬戶</option>
<option value ="r">現金賬戶</option>
<option value="b">網上銀行</option>
</select>
</td>
<td>總價：<span id="total_price">0</span>萬元</td>
</tr>
</tfoot>
</table>

效果圖：
 

單元格——行合並（rowspan）
單元格——列合並（colspan）
圖片占滿<td>——設置width和height為100%