lovecoding
/
VIP22


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
    <!-- 通栏显示背景灰色 -->
    <div class="nav">
        <!-- 宽度1199 居中 -->
        <div class="nav-center">
            <!-- 左边 -->
            <div class="nav-left">
                <a href="#" class="welcome">您好，欢迎进入包图购物网</a>
                <a href="#">登录</a>
                <span>|</span>
                <a href="#" class="active">注册</a>
            </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>

    <!-- header头部开始 -->
    <div id="header">
        <!-- 左边logo -->
        <div class="logo-box">
            <img src="images/logo.png" alt="">
        </div>
        <!-- 中间搜索 -->
        <div class="search-box">
            <input type="text">
        </div>
        <!-- 右边购物车 -->
        <div class="cart-box">
            购物车
        </div>
    </div>


</body>
</html>