Commit 4912781a authored by HuangJunbo's avatar HuangJunbo 💻

优化样式

Signed-off-by: HuangJunbo's avataruuo00_n <uuo00_n@outlook.com>
parent ccba370b
......@@ -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: 500px;
margin-top: -400px;
}
footer {
width: 100%;
height: 50px;
position: relative;
background-color: #cccccc;
margin-top: 55px;
top: 50px;
}
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>
......@@ -45,42 +72,45 @@
<li><a href="my_orders.html">我的订单</a></li>
<li><a href="my_product.html">我的商品</a></li>
<li><a href="purchase_history.html">消费记录</a></li>
<li><a href="#">收件箱</a></li>
<li><a href="massage_list.html">收件箱</a></li>
</ul>
<h2>收件箱</h2>
<section>
<table>
<tr>
<th>选中</th>
<th>主题</th>
<th>时间</th>
<th>发件人</th>
<th>状态</th>
<th>详情</th>
</tr>
<tr>
<td><input type="checkbox" name="choose"></td>
<td><a href="message.html">关于购买iPad购买时间</a></td>
<td>1小时前</td>
<td>张三</td>
<td>未读</td>
<td><a href="">详情</a></td>
</tr>
<tr>
<td colspan="6" align="right">
<a href="#">第一页</a>
<a href="#">上一页</a>
<a href="#">下一页</a>
<a href="#">末页</a>
</td>
</tr>
</table>
</section>
<input type="button" value="全选" onclick="SelectAll()">
<input type="button" value="设为已读">
<input type="submit" value="删除">
</section>
</aside>
<article>
<h2>收件箱</h2>
<section>
<table>
<tr>
<th>选中</th>
<th>主题</th>
<th>时间</th>
<th>发件人</th>
<th>状态</th>
<th>详情</th>
</tr>
<tr>
<td><input type="checkbox" name="choose"></td>
<td><a href="message.html">关于购买iPad购买时间</a></td>
<td>1小时前</td>
<td>张三</td>
<td>未读</td>
<td><a href="">详情</a></td>
</tr>
<tr>
<td colspan="6" align="right">
<a href="#">第一页</a>
<a href="#">上一页</a>
<a href="#">下一页</a>
<a href="#">末页</a>
</td>
</tr>
</table>
</section>
<input type="button" value="全选" onclick="SelectAll()">
<input type="button" value="设为已读">
<input type="submit" value="删除">
</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