摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>淘宝网</title> <link rel="stylesheet" type="text/css&quo
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>淘宝网</title> <link rel="stylesheet" type="text/css" href="css/index.css"> <link rel="stylesheet" type="text/css" href="css/font-awesome-4.7.0/css/font-awesome.min.css"> </head> <body> <div class="header"> <div class="header_content"> <div class="clear"></div> <div class="header_left"> <a href="" class="header_a">中国大陆 <i class="fa fa-angle-down"></i> <ul> <li>全球</li> <li>中国大陆</li> <li>香港</li> <li>台湾</li> <li>澳门</li> <li>韩国</li> <li>马来西亚</li> <li>澳大利亚</li> <li>新加坡</li> <li>新西兰</li> <li>加拿大</li> <li>美国</li> <li>日本</li> </ul> </a> <a href="" style="color:#F22E00">亲,请注册</a> <a href="">免费注册</a> <a href="">手机逛淘宝</a> </div> <div class="header_right"> <a href="" class="header_a">我的淘宝 <i class="fa fa-angle-down"></i> <ul> <li>已买到的宝贝</li> <li>我的足迹</li> </ul> </a> <a href="" class="header_a"><i class="fa fa-shopping-cart" style="color:#F22E00"></i> 购物车 <i class="fa fa-angle-down"></i></a> <a href="" class="header_a"><i class="fa fa-star"></i> 收藏夹 <i class="fa fa-angle-down"></i> <ul> <li>收藏的宝贝</li> <li>收藏的店铺</li> </ul> </a> <a href="">商品分类</a> <a href="" class="header_a">卖家中心 <i class="fa fa-angle-down"></i> <ul> <li>免费开店</li> <li>已卖出的宝贝</li> <li>出售中的宝贝</li> <li>卖家服务市场</li> <li>卖家培训中心</li> <li>体检中心</li> <li>问商友</li> </ul> </a> <a href="" class="header_a">联系客服 <i class="fa fa-angle-down"></i> <ul> <li>消费者客服</li> <li>卖家客服</li> </ul> </a> <a href="" class="header_a"><i class="fa fa-bars" style="color:#F22E00"></i> 网站导航 <i class="fa fa-angle-down"></i> <div class="header_a_a"> <h4 style="color:#fc4200">主题市场</h4> </div> <div class="header_a_a_a"> <ul> <li style="width:24%"><a href="">女装</a></li> <li style="width:24%"><a href="">男装</a></li> <li style="width:24%"><a href="">内衣</a></li> <li style="width:24%"><a href="">鞋靴</a></li> <li style="width:24%"><a href="">箱包</a></li> <li style="width:24%"><a href="">婴童</a></li> <li style="width:24%"><a href="">家电</a></li> <li style="width:24%"><a href="">数码</a></li> <li style="width:24%"><a href="">手机</a></li> <li style="width:24%"><a href="">美妆</a></li> <li style="width:24%"><a href="">珠宝</a></li> <li style="width:24%"><a href="">眼镜</a></li> <li style="width:24%"><a href="">手表</a></li> <li style="width:24%"><a href="">运动</a></li> <li style="width:24%"><a href="">户外</a></li> <li style="width:24%"><a href="">乐器</a></li> <li style="width:24%"><a href="">游戏</a></li> <li style="width:24%"><a href="">动漫</a></li> <li style="width:24%"><a href="">影视</a></li> <li style="width:24%"><a href="">美食</a></li> <li style="width:24%"><a href="">鲜花</a></li> <li style="width:24%"><a href="">宠物</a></li> <li style="width:24%"><a href="">农资</a></li> <li style="width:24%"><a href="">房产</a></li> <li style="width:24%"><a href="">装修</a></li> <li style="width:24%"><a href="">建材</a></li> <li style="width:24%"><a href="">家具</a></li> <li style="width:24%"><a href="">百货</a></li> <li style="width:24%"><a href="">汽车</a></li> <li style="width:24%"><a href="">二手车</a></li> <li style="width:24%"><a href="">办公</a></li> <li style="width:24%"><a href="">定制</a></li> <li style="width:24%"><a href="">教育</a></li> <li style="width:24%"><a href="">卡券</a></li> <li style="width:24%"><a href="">本地</a></li> </ul> </div> <div class="header_a_b"> <h4 style="color:#9fb838">特色市场</h4> </div> <div class="header_a_b_a"> <ul> <li style="width:33%"><a href="">iFashion</a></li> <li style="width:33%"><a href="">爱逛街</a></li> <li style="width:33%"><a href="">美妆秀</a></li> <li style="width:33%"><a href="">全球购</a></li> <li style="width:33%"><a href="">腔调</a></li> <li style="width:33%"><a href="">淘女郎</a></li> <li style="width:33%"><a href="">星店</a></li> <li style="width:33%"><a href="">极有家</a></li> <li style="width:33%"><a href="">阿里拍卖</a></li> <li style="width:33%"><a href="">淘宝众筹</a></li> <li style="width:33%"><a href="">中国质造</a></li> <li style="width:33%"><a href="">飞猪</a></li> <li style="width:33%"><a href="">亲宝贝</a></li> <li style="width:33%"><a href="">闲鱼</a></li> <li style="width:33%"><a href="">农资</a></li> <li style="width:33%"><a href="">天天特价</a></li> <li style="width:33%"><a href="">Outlets</a></li> <li style="width:33%"><a href="">俪人购</a></li> <li style="width:33%"><a href="">聚名品</a></li> <li style="width:33%"><a href="">淘抢购</a></li> <li style="width:33%"><a href="">全球精选</a></li> <li style="width:33%"><a href="">非常大牌</a></li> <li style="width:33%"><a href="">试用</a></li> <li style="width:33%"><a href="">量贩团</a></li> <li style="width:33%"><a href="">阿里翻译</a></li> </ul> </div> <div class="header_a_c"> <h4 style="color:#d75696">阿里APP</h4> </div> <div class="header_a_c_a"> <ul> <li style="width:33%"><a href="">淘宝</a></li> <li style="width:33%"><a href="">天猫</a></li> <li style="width:33%"><a href="">支付宝</a></li> <li style="width:33%"><a href="">聚划算</a></li> <li style="width:33%"><a href="">飞猪</a></li> <li style="width:33%"><a href="">蚂蚁聚宝</a></li> <li style="width:33%"><a href="">旺信</a></li> <li style="width:33%"><a href="">闲鱼</a></li> <li style="width:33%"><a href="">阿里钱盾</a></li> <li style="width:33%"><a href="">钉钉</a></li> <li style="width:33%"><a href="">高德地图</a></li> <li style="width:33%"><a href="">点点虫</a></li> <li style="width:33%"><a href="">虾米音乐</a></li> <li style="width:33%"><a href="">淘票票</a></li> <li style="width:33%"><a href="">菜鸟裹裹</a></li> <li style="width:33%"><a href="">爱逛街</a></li> <li style="width:33%"><a href="">拍卖会</a></li> <li style="width:33%"><a href="">阿里云</a></li> <li style="width:33%"><a href="">网商银行</a></li> <li style="width:33%"><a href="">阿里邮箱</a></li> <li style="width:33%"><a href="">阿里众包</a></li> </ul> </div> <div class="header_a_d"> <h4 style="color:#2e9fdb">精彩推荐集</h4> </div> <div class="header_a_d_a"> <ul> <li style="width:49%"><a href="">余额宝</a></li> <li style="width:49%"><a href="">大牌捡宝</a></li> <li style="width:49%"><a href="">淘公仔</a></li> <li style="width:49%"><a href="">浏览器</a></li> <li style="width:49%"><a href="">淘宝香港</a></li> <li style="width:49%"><a href="">淘宝台湾</a></li> <li style="width:49%"><a href="">淘宝全球</a></li> <li style="width:49%"><a href="">淘宝东南亚</a></li> <li style="width:49%"><a href="">闺蜜淘货</a></li> <li style="width:49%"><a href="">大众评审</a></li> <li style="width:49%"><a href="">淘工作</a><i class="new"></i></li> </ul> </div> </a> </div> </div> </div> </body> </html>
*{margin:0px;padding: 0px;}
a{text-decoration: none;color: #3C3C3C;font-size: 11px;} /*设置字体大小，颜色*/
li{list-style: none;}
.header{width: 100%;background-color: #F5F5F5;} /*设置头部的背景色*/
.header_content{width: 1180px;margin:0px auto;line-height: 40px;}
.clear{clear: both;}
.header_left{height: 40px;float: left;}
.header_left a{margin-right: 12px;}
.header_right a {margin-right: 12px;}
.header_content a:hover{color:#F22E00; } /*header_content中鼠标放上去字体颜色变红*/
.header_right{width: 590px;height: 40px;float: right;}
.header_a{display: inline-block;text-align: center;height: 40px;}
.header_a:hover{background-color: #ffffff;}
.header_a ul{border: 1px solid #F5F5F5;display: none;border-top: none;}
.header_a:hover ul{display: block; position: absolute;width: 100px;}
.header_a ul li:hover{background-color:#F5F5F5; } /*鼠标移动到li上，背景色变灰*/
.header_a ul li{color: #3C3C3C;height: 30px;line-height: 30px;text-align: left;padding: 0px 3px;margin-right: 5px 0px;}最后的一想网站导航还是存在问题，不知道具体要怎么做下去
批改老师：灭绝师太批改时间：2018-10-24 10:29:45
老师总结：把问题反馈到工单，我来看看是什么情况，这里输入有字数限制
