Commit 6a0e180a authored by HuangJunbo's avatar HuangJunbo 💻

优化样式

Signed-off-by: HuangJunbo's avataruuo00_n <uuo00_n@outlook.com>
parent ac773320
......@@ -6,6 +6,31 @@
<link rel="stylesheet" type="text/css" href="css/main.css">
<script src="js/jquery-3.5.1.js"></script>
<script src="js/jquery-ui.min.js"></script>
<style>
article {
margin-left: 400px;
margin-top: -400px;
}
footer {
width: 100%;
height: 50px;
position: relative;
background-color: #cccccc;
margin-top: 55px;
top: 150px;
}
article input {
margin: 10px 0px;
}
footer .link div {
float: right;
margin-top: 20px;
color: #fff;
}
</style>
</head>
<body>
<header>
......@@ -15,12 +40,14 @@
<input type="submit" value="搜索" id="button">
</form>
<div class="navigation">
<a href="#">手机</a>&nbsp;&nbsp;|&nbsp;
<a href="#">电脑</a>&nbsp;&nbsp;|&nbsp;
<a href="#">旧书</a>&nbsp;&nbsp;|&nbsp;
<a href="#">服装</a>
<form class="navigation"><br>
<a href="#">手机</a>&nbsp;&nbsp;|&nbsp;
<a href="#">电脑</a>&nbsp;&nbsp;|&nbsp;
<a href="#">旧书</a>&nbsp;&nbsp;|&nbsp;
<a href="#">服装</a>
</form>
</div>
<nav>
<nav class="op">
<div class="nav">
<img src="img/tag.png"/>
<a href="#">商品分类</a>
......@@ -46,27 +73,29 @@
<li><a href="purchase_history.html">消费记录</a></li>
</ul>
</aside>
<table border="1">
<tr>
<th>订单号</th>
<th>商品信息</th>
<th>实付款</th>
<th>时间</th>
<th>状态</th>
<th>操作</th>
</tr>
<tr>
<td>1236448668</td>
<td><img src="img/1.jpg" width="150px" height="150px"><br>iPad</td>
<td>$1099</td>
<td>2020-6-2 01:52:39</td>
<td>交易成功</td>
<td>
<a href="#">商品详情</a>
<a href="#">删除</a>
</td>
</tr>
</table>
<article>
<table border="1">
<tr>
<th>订单号</th>
<th>商品信息</th>
<th>实付款</th>
<th>时间</th>
<th>状态</th>
<th>操作</th>
</tr>
<tr>
<td>1236448668</td>
<td><img src="img/1.jpg" width="150px" height="150px"><br>iPad</td>
<td>$1099</td>
<td>2020-6-2 01:52:39</td>
<td>交易成功</td>
<td>
<a href="#">商品详情</a>
<a href="#">删除</a>
</td>
</tr>
</table>
</article>
<footer>
<div class="navbar">
<div class="link">
......
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