购物网页

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>购物网页</title>
    <meta name='viewport' content='width=device-width,initial-scale=1.0'>
    <link rel="stylesheet" href="./home1.css">
</head>
<body>
    <div class="header">
        <img src="./img/newlogo.png" alt="">
        <form action="">
            <input type="text" class="search">
            <input type="image" src="./img/indexsearch.png" class="searching">
        </form>
        <div class="ren"></div>
    </div>
    <div class="header-img">
        <img src="./img/lb.jpg" alt="">
    </div>
    <div class="nav">
        <a href="">
            <div class="nav_1"></div>
            <p>品牌</p>
        </a>
        <a href="">
            <div class="nav_2"></div>
            <p>分类</p>
        </a>
        <a href="">
            <div class="nav_3"></div>
            <p>优惠</p>
        </a>
        <a href="">
            <div class="nav_4"></div>
            <p>订单</p>
        </a>
        <hr>
    </div>
    <div class="main">
        <a href="">
        <hr>
            <div>
                <img src="./img/1.jpg" alt="">
                <p>优惠</p>
            </div>
        </a>
        <a href="">
        <hr>
            <div>
                <img src="./img/2.jpg" alt="">
                <p>优惠</p>
            </div>
        </a>
        <a href="">
        <hr>
            <div>
                <img src="./img/3.jpg" alt="">
                <p>优惠</p>

            </div>
        </a>
    </div>
    <div class="footer">
        <p>优惠促销特价</p>
        <p>&cnpy;2016-2016 xiaoyumi.net玉小米</p>
    </div>
    <a href="#">
        <div class="icon f1"></div>
    </a>
    <a href="#top">
        <div class="icon f2"></div>
    </a>
</body>
</html>

 

posted @ 2016-11-03 22:37  米小玉  阅读(150)  评论(0编辑  收藏  举报