header

Author: hanfengmi

public/css/index.css

@@ -98,10 +98,34 @@ h1,h2,h3,h4,h5,h6 {
 }
 .header-item-box {
   padding:20px 0;
+  
 }
 .header-item-box a {
-  margin:0 20px 0 0;
+  margin:0 40px 0 0;
   font-size:22px;
+  display: inline-block;
+  position: relative;
+}
+.header-item-box a:before,
+.header-item-box a:after{
+    content: "";
+    width: 0;
+    height: 3px;
+    background: blue;
+    position: absolute;
+    top: 100%;
+    left: 50%;
+    transition: all .5s ;
+}
+.header-item-box a:hover:before {
+  background: #2badad;
+  left: 0%;
+  width: 50%;
+}
+.header-item-box a:hover:after {
+  background:  #2badad;
+  left: 50%;
+  width: 50%;
 }
 
 .header-user-info {