代码如下~ 图片可自行添加
用的是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>
如图~
