Skip to content

web_flea_market
web_flea_market
Commit ac3a55a9 authored by HuangJunbo's avatar HuangJunbo 💻 Committed by Administrator
Browse files
Options

创建下订单页面并为页面添加CSS样式 

Signed-off-by: Administrator's avatarAdministrator <admin@example.com>
parent d6d0eb23
Hide whitespace changes
Inline Side-by-side
Showing with 97 additions and 0 deletions
flea_market/css/style.css
View file @ ac3a55a9
......@@ -3,6 +3,8 @@ body {
font-size: 14px;
font-family: '宋体', sans-serif;
font-style: normal;
max-width: 960px;
margin: 0 auto;
}
a:link {
......@@ -37,3 +39,45 @@ ul li {
#detail {
border: 2px solid red;
}
header {
height: 100px;
border: 2px solid #dfc9b2;
margin-top: 5px;
margin-bottom: 5px;
}
footer {
height: 200px;
border: 2px solid #dfc9b2;
margin-top: 5px;
}
section {
margin: 10px auto;
padding: 10px;
border: 2px solid #dfc9b2;
}
article table {
width: 960px;
margin: 10px auto;
border: 2px solid #dfc9b2;
}
.table_head {
height: 26px;
line-height: 26px;
padding: 2px 0 0 0;
background: #faf8f2;
border-bottom: 1px solid #eadbc9;
border-top: 1px solid #eadbc9;
color: #8a7152;
}
.total {
text-align: right;
margin: auto;
background: #f1f5F8;
}
flea_market/place_order.html 0 → 100644
View file @ ac3a55a9
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>下订单</title>
</head>
<body>
<header>
<h1>跳蚤市场Logo</h1>
<nav>
导航：首页 注册 登录 <a href="user_center.html">用户XXX</a>
</nav>
<hr/>
</header>
<article>
<section>
<h3>购买商品</h3>
<table>
<tr class="table_head">
<td>商品信息</td>
<td>单价</td>
<td>数量</td>
<td>总价</td>
</tr>
<tr>
<td>
<img src="img/ipad.jpg" width="54px" height="54px">iPad
</td>
<td>￥1300</td>
<td>1</td>
<td>￥1300</td>
</tr>
</table>
应付金额：$1300
</section>
<section>
<h3>收货人信息</h3>
<form action="#" method="post">
收货人：<input type="text" name="username"><br>
收货地址：<input type="text" name="addr"><br>
联系方式：<input type="text" name="phone"><br>
<div class="total">共1件商品 应付金额：￥1305（含运费5.00元）
<input type="submit" value="订单结算">
</div>
</form>
</section>
</article>
<footer>
<hr/>
<p>版权所有：&copy;大连电子学校</p>
</footer>
</body>
</html>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment