添加导航栏

src/assets/css/index.css

@@ -6,11 +6,44 @@ body,
   padding: 0;
 }
 
+a {
+  text-decoration: none;
+  color: rgb(28, 85, 255);
+}
+a:hover {
+  text-shadow: 0 0 2px #b9b9b9;
+}
+
 .main {
   display: grid;
   place-items: center;
 }
 
+/* 导航栏 */
+#header {
+  width: 100%;
+  height: 60px;
+  position: fixed;
+  top: 0;
+  left: 0;
+  /* background-color: blue; */
+  box-shadow: 0 0 5px #888;
+}
+
+#header-wapper {
+  display: grid;
+  height: 100%;
+  margin: 0 6vw;
+  /* background-color: red; */
+  grid-template-columns: 300px 1fr 300px;
+}
+
+.header-logo-image {
+  height: 48px;
+  margin: auto 0;
+}
+
+/* 正文 */
 #container {
   border: 1px solid #999;
   border-radius: 5px;