<table>合并单元格&图片铺满整个<td>

最新推荐文章于 2021-06-04 07:22:10 发布

yuhangkit

最新推荐文章于 2021-06-04 07:22:10 发布

阅读量3k

点赞数

本文链接：https://blog.csdn.net/yuhangkit/article/details/22158531

版权

本文介绍了如何在HTML表格中合并单元格使用`colspan`和`rowspan`属性，以及如何让图片填充整个`<td>`元素，实现美观的表格布局效果。

摘要由CSDN通过智能技术生成

源代码（删除了些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">