header

3_项目/css/index.css

@@ -82,4 +82,21 @@
     font-size: 16px;
     color: #fff;
 
+}
+
+.header-list{
+    margin-top:10px;
+}
+.header-list a{
+    color:#999999;
+    margin-right: 25px;
+}
+.cart-box{
+    margin-top:55px;
+    margin-left:52px;
+    color:#959595 ;
+}
+.cart-box img{
+    /* 居中对齐 */
+    vertical-align: middle;
 }

3_项目/index.html

@@ -48,10 +48,19 @@
             </div>
 
             <!-- 下边是列表 -->
+            <div class="header-list">
+                <a href="#">时尚女鞋</a>
+                <a href="#">简易家具</a>
+                <a href="#">仙女公主裙</a>
+                <a href="#">BF风裤子</a>
+            </div>
 
         </div>
         <!-- 右边的购物车 -->
-        <div class="cart-box">22</div>
+        <div class="cart-box">
+            <img src="images/cart.png" alt="">
+            <span>购物车物品</span>
+        </div>
     </div>