Partagez le code HTML des cellules fusionnées du tableau et des images img couvrant l'intégralité du TD

Cet article présente principalement des cellules fusionnées dans un tableau et des imgimages qui couvrent l'intégralité du td. Les amis qui en ont besoin peuvent s'y référer. Code source (supprimercertainsClasse) :

Copier le code

Le le code est le suivant :

<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>

Rendu :


Cellule - fusion de lignes (rowspan)
Cellule - fusion de colonnes (colspan)
L'image est pleine——Réglez la largeur et la hauteur à 100 %

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!