合併單元格&圖片鋪滿整個

源代碼(刪除了些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%


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章