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

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

黄舟
Libérer: 2017-04-15 11:16:50
original
3249 Les gens l'ont consulté

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>
Copier après la connexion


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

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal