用的是table
<html>
<body>
<table border="1">
<tr bgColor="00ccff" align="center">
<td width='7%' >商品编号</td>
<td>商品名称</td>
<td width='14%'>京东价</td>
<td width='8%'>返现</td>
<td width='8%'>赠送积分</td>
<td width='9%'>商品数量</td>
<td width='7%'>删除商品</td>
</tr>
<tr align="center">
<td>10808005</td>
<td><a href='http://www.360buy.com/product/10808005.html'>
<img src='jobs.jpg' width="30" , height="30" border='none'align="top"/>
史蒂夫?乔布斯传(Steve Jobs:A Biography乔布斯唯一正式授权传
记简体中文版)</a>
</td>
<td><font color="red">¥51.00</font></td>
<td>¥0.00</td>
<td>0</td>
<td><a href='' title='减一'><img src='bag_close.gif' border='none' /></a>
<input type='text' name='add' maxlength='4' size="1" value='1'/>
<a href='' title='加一'><img src='bag_open.gif' border='none' /></a>
</td>
<td><a href=''>删除</a></td>
</tr>
<tr align="center">
<td>529236</td>
<td><a href='http://www.360buy.com/product/529236.html'>
<img src='msi.jpg' width="30" , height="30" border='none'align="top"/>
微星(msi)Z68S-G43 (G3)主板(IntelZ68 (B3)/LGA1155)</a>
</td>
<td><font color="red">¥619.00</font></td>
<td>¥0.00</td>
<td>0</td>
<td><a href='' title='减一'><img src='bag_close.gif' border='none' /></a>
<input type='text' name='del' size='1' value='1'/>
<a href='' title='加一'><img src='bag_open.gif' border='none' /></a>
</td>
<td><a href=''>删除</a></td>
</tr>
<tr>
<td colspan="7" align="right">
重量总计:1.25kg 原始金额:¥670.00元 - 返现:
¥0.00元<br />
<font size="4"><b>商品总金额:</font>
<font color="red">¥670.00元</font></b></td>
</tr>
</table>
</body>
</html>
如图~
简单的table实现
<html>
<body>
<table border="1" width="300">
<tr>
<td rowspan="2"> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>
如图~
---------------------
【转载,仅作分享,侵删】
作者:如果东京不快乐
原文:https://blog.csdn.net/qq_41664272/article/details/88817506
版权声明:本文为博主原创文章,转载请附上博文链接!
|
|