Home > Web Front-end > HTML Tutorial > Share the html code of table merged cells and img pictures covering the entire TD

Share the html code of table merged cells and img pictures covering the entire TD

黄舟
Release: 2017-04-15 11:16:50
Original
3248 people have browsed it

This article mainly introduces table merged cells and imgPicturesThe html that covers the entire td, friends in need can refer to it Source code (Delete some Class):

Copy code

The code is as follows:

<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>
Copy after login


Rendering:
Share the html code of table merged cells and img pictures covering the entire TD

Cell - row merge (rowspan)
Cell - column merge (colspan)
The picture is full——Set width and height to 100%

The above is the detailed content of Share the html code of table merged cells and img pictures covering the entire TD. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template