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 @@ ...@@ -6,6 +6,31 @@
<link rel="stylesheet" type="text/css" href="css/main.css"> <link rel="stylesheet" type="text/css" href="css/main.css">
<script src="js/jquery-3.5.1.js"></script> <script src="js/jquery-3.5.1.js"></script>
<script src="js/jquery-ui.min.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> </head>
<body> <body>
<header> <header>
...@@ -15,12 +40,14 @@ ...@@ -15,12 +40,14 @@
<input type="submit" value="搜索" id="button"> <input type="submit" value="搜索" id="button">
</form> </form>
<div class="navigation"> <div class="navigation">
<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>&nbsp;&nbsp;|&nbsp;
<a href="#">旧书</a>&nbsp;&nbsp;|&nbsp; <a href="#">旧书</a>&nbsp;&nbsp;|&nbsp;
<a href="#">服装</a> <a href="#">服装</a>
</form>
</div> </div>
<nav> <nav class="op">
<div class="nav"> <div class="nav">
<img src="img/tag.png"/> <img src="img/tag.png"/>
<a href="#">商品分类</a> <a href="#">商品分类</a>
...@@ -45,8 +72,12 @@ ...@@ -45,8 +72,12 @@
<li><a href="my_orders.html">我的订单</a></li> <li><a href="my_orders.html">我的订单</a></li>
<li><a href="my_product.html">我的商品</a></li> <li><a href="my_product.html">我的商品</a></li>
<li><a href="purchase_history.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> </ul>
</section>
</aside>
<article>
<h2>收件箱</h2> <h2>收件箱</h2>
<section> <section>
<table> <table>
...@@ -79,8 +110,7 @@ ...@@ -79,8 +110,7 @@
<input type="button" value="全选" onclick="SelectAll()"> <input type="button" value="全选" onclick="SelectAll()">
<input type="button" value="设为已读"> <input type="button" value="设为已读">
<input type="submit" value="删除"> <input type="submit" value="删除">
</section> </article>
</aside>
<footer> <footer>
<div class="navbar"> <div class="navbar">
<div class="link"> <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