更新

public/home.html

@@ -21,11 +21,12 @@
     <a href="" style="display: none;">
       <div class="home-btn"></div>
     </a>
-    <img src="static/images/logo.png" alt="">
+    <img class='image' src="static/images/logo.png" alt="">
     <p class='title'>吉林省计算中心科技服务平台</p>
     <p class='login'>
-      <a href="http://free.liaoningdoupo.com/platlive/newlogin">登录</a>
-      <a href="http://free.liaoningdoupo.com/platlive/newlogin">注册</a>
+      <a href=""><img src="./static/home/images/登录.png" alt=""></a>
+      <a href="http://free.liaoningdoupo.com/platlive/newlogin">个人登录</a>
+      <a href="http://free.liaoningdoupo.com/platlogin/">管理登录</a>
     </p>
   </div>
   <img class="sci-wheel" src="static/home/images/sci.gif" alt="">

public/static/home/css/index.css

@@ -163,7 +163,7 @@ body {
     background: rgba(0, 0, 0, 0.3);
 }
 
-.header img {
+.header .image {
     float: left;
     margin: 27px 10px;
     width: 60px;
@@ -177,14 +177,42 @@ body {
 }
 .header .login{
   float: right;
-  width: 200px;
+  width: 270px;
+  margin: 30px 60px 0 0px;
 }
-.header .login a{
-  color: #fff;
-  width: 50px;
+.header .login a:first-child{
   float: left;
+  width: 40px;
+  height: 40px;
+  border: 1px solid #ccc;
+  background-color: #cccccc3f;
+  border-radius: 5px;
+}
+.header .login a:first-child img{
+    float: left;
+    padding: 10px;
+}
+.header .login a:nth-child(2){
+  float: left;
+  width: 100px;
+  height: 40px;
+  border: 1px solid #ccc;
+  line-height: 40px;
+  text-align: center;
+  color: #ccc;
+  background-color: #cccccc3f;
+  border-radius: 5px;
+}
+.header .login a:nth-child(3){
+  float: left;
+  width: 100px;
+  height: 40px;
+  border: 1px solid #ccc;
+  line-height: 40px;
   text-align: center;
-  font-size: 20px;
+  color: #ccc;
+  background-color: #cccccc3f;
+  border-radius: 5px;
 }
 .header .home-btn {
     float: left;