Commit fe359359 authored by HuangJunbo's avatar HuangJunbo 💻

优化样式

Signed-off-by: HuangJunbo's avataruuo00_n <uuo00_n@outlook.com>
parent 4912781a
...@@ -2,12 +2,35 @@ ...@@ -2,12 +2,35 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>商品审核</title> <title>商品审核</title>
<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: 400px;
margin-top: -500px;
}
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> </head>
<body> <body>
<header> <header>
...@@ -17,12 +40,14 @@ ...@@ -17,12 +40,14 @@
<input type="submit" value="搜索" id="button"> <input type="submit" value="搜索" id="button">
</form> </form>
<div class="navigation"> <div class="navigation">
<a href="#">手机</a>&nbsp;&nbsp;|&nbsp; <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> <a href="#">旧书</a>&nbsp;&nbsp;|&nbsp;
<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>
...@@ -39,17 +64,16 @@ ...@@ -39,17 +64,16 @@
</div> </div>
</nav> </nav>
</header> </header>
<hr> <aside>
<nav> <nav>
<h4>系统管理</h4> <ul>
<ul> <li><a href="usermanager.html">用户管理</a></li>
<li><a href="usermanager.html">用户管理</a></li> <li><a href="goodsmanage.html">商品审核</a></li>
<li><a href="#">商品审核</a></li> <li><a href="tagmanage.html">分类管理</a></li>
<li><a href="tagmanage.html">分类管理</a></li> <li><a href="config_manage.html">配置管理</a></li>
<li><a href="#">配置管理</a></li> </ul>
</ul> </nav>
</nav> </aside>
<article> <article>
<h3>商品管理</h3> <h3>商品管理</h3>
<div> <div>
...@@ -58,8 +82,6 @@ ...@@ -58,8 +82,6 @@
<input type="submit" value="搜索"> <input type="submit" value="搜索">
</form> </form>
</div> </div>
</article>
<article>
<table> <table>
<tr> <tr>
<th><input type="checkbox">全选</th> <th><input type="checkbox">全选</th>
...@@ -93,7 +115,6 @@ ...@@ -93,7 +115,6 @@
</tr> </tr>
</table> </table>
</article> </article>
<hr>
<footer> <footer>
<div class="navbar"> <div class="navbar">
<div class="link"> <div class="link">
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Title</title> <title>商品审核</title>
<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>
......
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