仿淘宝顶部导航效果基础上加下拉菜单

原创 2019-01-23 21:13:39 248
摘要:<!DOCTYPE html> <html>          <head>         <meta charset="UTF-8">  
<!DOCTYPE html>
<html>
    
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>仿淘宝顶部导航</title>
        <link rel="stylesheet" href="css/font-awesome-4.7.0/css/font-awesome.min.css">
        <style>
</style>
    </head>
    
    <body>
        <div class="header">
            <div class="content">
                <div class="content-left"> <a href="" class="content-a">中国大陆  <span class="fa fa-angle-down"></span></a>
 <a href="" class="left-2">亲,请登录</a>
 <a href="">免费注册</a>
 <a href="">手机淘宝</a>

                </div>
                <div class="content-right"> <a href="" class="content-a">我的淘宝  <span class="fa fa-angle-down"></span>
                    <ul>
                        <li>已买到的宝贝</li>
                        <li>我的足迹</li>
                    </ul>
                </a>
 <a href=""><span class="fa fa-shopping-cart" style="color:#FF5300;"></span>  购物车  <span class="fa fa-angle-down"></span></a>
 <a href="" class="content-a">收藏夹  <span class="fa fa-angle-down"></span>
                    <ul>
                        <li>收藏的宝贝</li>
                        <li>收藏的店铺</li>
                    </ul>
                </a>
 <a href="">商品分类</a>
 <a href="" class="content-a">卖家中心  <span class="fa fa-angle-down"></span></a>
 <a href="" class="content-a">联系客服  <span class="fa fa-angle-down"></span></a>
 <a href="" class="content-a"><span class="fa fa-navicon (alias)" style="color:#FF5300;"></span>  网站导航  <span class="fa fa-angle-down"></span>
                    <ul>
                        <li>已买到的宝贝</li>
                        <li>我的足迹</li>
                    </ul></a>

                </div>
            </div>
        </div>
    </body>

</html>


批改老师:天蓬老师批改时间:2019-01-24 09:00:23
老师总结:你的css代码呢? 完全看不出效果呢

发布手记

热门词条