简单的淘宝头导航条

原创 2018-11-09 13:22:46 14
摘要:<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>淘宝头导航条</title> <link rel="stylesheet" type="text/css" href

<!DOCTYPE html>
<html>
<head>
 <meta charset="UTF-8">
 <title>淘宝头导航条</title>
 <link rel="stylesheet" type="text/css" href="">
 <style type="text/css">
   *{margin: 0px;padding: 0px;}
   a{text-decoration: none;color: #000;font-size: 13px;margin-right: 5px;}
   .header{background-color: #F5F5F5;width: 100%;}
      .clear{clear: both;}
      .header_content{width: 1200px;margin: 0px auto; line-height: 40px;}
      .header_content_left{height: 40px;float: left;  /* background: pink; */}
       .header_content_right{height: 40px;float: right; /* background: pink; */}
     /*.header_content_left a{}*/
     .header_content_left_a{display: inline-block;text-align: center;}
     .header_content a:hover{color: #FF5000}
     .header_content_left_a:hover{background-color: white;}
      </style>
</head>
   <div></div>
        <div>
             <div>
                 <a href="" style="color: #000;">中国大陆</a>
                 <a href="" style="color: #FF5000">亲,请登录</a>
                 <a href="">免费注册</a>
                 <a href="">手机逛淘宝</a>
             </div>
             <div>
                <a href="">淘宝网首页</a>
                <a href="">我的淘宝</a>
                <a href="">购物车</a>
                <a href="">收藏夹</a>
                <a href="">跨境物流管理</a>
                <a href=""海外消费者帮助></a>
             </div>
        </div>
        <div></div>
   </div>
<body>
 
</body>
</html>

批改老师:Peter-Zhu批改时间:2018-11-09 13:26:31
老师总结:下次记得把代码放在代码块中 , 完了再把运行效果图放上

发布手记

热门词条