html模拟京东购物车

来源:互联网 发布:深入浅出html5编程pdf 编辑:程序博客网 时间:2024/05/01 19:56
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>京东的购物车</title>
</head>
<body>
<div style="font-size:20px;color:red" align="center"><b>我的购物车</b></div><br/><br/>
<table border="1">
<tr bgcolor="#00CCFF" align="center">
<th width="7%">商品编号</th>
<th>商品名称</th>
<th width="14%">商品价格</th>
<th width="8%">返现</th>
<th width="8%">赠送积分</th>
<th width="9%">商品数量</th>
<th width="7%">删除商品</th>
</tr>
<tr align="center">
<td>TP301web</td>
<td>Html从入门到精通</td>
<td style="color:red">&yen;51.98</td>
<td>&yen;0.00</td>
<td>0</td>
<td><a href="" title="减一"></a>
<input type="text" name="add" maxlength="4" size="1" value="1">
<a href="" title="加一"></a>
</td>
<td><a href="">删除</a></td>
</tr>
<tr align="center">
<td>TP302web</td>
<td>CSS权威指南</td>
<td style="color:red">&yen;45.88</td>
<td>&yen;0.00</td>
<td>0</td>
<td><a href="" title="减一"></a>
<input type="text" name="add" maxlength="4" size="1" value="1">
<a href="" title="加一"></a>
</td>
<td><a href="">删除</a></td>
</tr>
<tr align="center">
<td>TP303web</td>
<td>Java实战开发讲解</td>
<td style="color:red">&yen;79.98</td>
<td>&yen;0.00</td>
<td>0</td>
<td><a href="" title="减一"></a>
<input type="text" name="add" maxlength="4" size="1" value="1">
<a href="" title="加一"></a>
</td>
<td><a href="">删除</a></td>
</tr>
<tr>
<td colspan="7" align="right">
数量总计:<font color="red">3</font>本&nbsp;&nbsp;
原始金额:&yen;181.84元-返现:&yen;0.00元<br/>
<font size="4"><b>商品总金额:</b></font>
<font color="red">&yen;181.84元</font>
</td>
</tr>
</table>
</body>
</html>
原创粉丝点击