导航

3_项目/css/index.css

@@ -1,11 +1,11 @@
 #nav{
     height: 35px;
-    background: #f00;
+    background: #EEEEEE;
 }
 .nav-center{
     width: 1199px;
     height: 35px;
-    background: #0f0;
+    /* background: #0f0; */
     margin:0 auto;
 }
 .nav-left{
@@ -13,4 +13,26 @@
 }
 .nav-right{
     float: right;
+}
+/* .nav-left a,.nav-right a{
+    line-height: 35px;
+    color:#888888 ;
+} */
+.nav-center a{
+    line-height: 35px;
+    color:#888888 ;
+}
+/* .nav-left .active,.nav-right .active{
+    color: #6F26BD ;
+} */
+.nav-center .active{
+    color: #6F26BD ;
+}
+.nav-left-first{
+    margin-right: 25px;
+}
+.nav-center span{
+    color:#888888 ;
+    line-height: 35px;
+
 }

3_项目/index.html

@@ -16,9 +16,22 @@
         <!-- 中间内容区域 -->
         <div class="nav-center">
             <!-- 左边 -->
-            <div class="nav-left">左边</div>
+            <div class="nav-left">
+                <a href="#" class="nav-left-first">您好，欢迎进入包图购物网</a>
+                <a href="#">登录</a>
+                <span>|</span>
+                <a href="#" class="active">注册</a>
+            </div>
             <!-- 右边 -->
-            <div class="nav-right">右边</div>
+            <div class="nav-right">
+                <a href="#">设为首页 ☆</a>
+                <span>|</span>
+                <a href="#" class="active">加入收藏</a>
+                <span>|</span>
+                <a href="#">客户服务 </a>
+                <span>|</span>
+                <a href="#" >关注官方微博：</a>
+            </div>
         </div>
     </div>