淘宝顶部导航栏
小52019-03-23 00:00:48269<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>淘宝网 - 淘！ 我喜欢</title>
<link rel="stylesheet" type="text/css" href="static\font-awesome-4.7.0\css\font-awesome.min.css">
<style>
*{margin: 0;padding: 0;}
a{text-decoration: none;font-size: 13px;color: #6C6C6C;}
i{margin-left: 3px;}
.head_con a:hover{color: #F22E00;}
.head_a{height: 36px;width: 95px;display: inline-block;text-align: center;}
.head_con a:hover.head_a{background-color: #fff;}
.clear{clear: both;}
.head{height: 36px;width :100%; background-color: #F5F5F5;}
.head_con{height :36px; width: 1200px;margin: 0 auto;line-height: 36px;}
.head_left{height: 36px; float: left;}
.head_right{height: 36px;float: right;}
</style>
</head>
<body>
<div class="head">
<div class="head_con">
<div class="head_left">
<a href="" class="head_a">中国大陆 <i class=" fa fa-sort-desc"></i></a>
<a href="" style="color: #F22E00">亲，请登录</a>
<a href="">免费注册</a>
<a href="">手机逛淘宝</a>
</div>
<div class="head_right">
<a href="" class="head_a">我的淘宝 <i class=" fa fa-sort-desc"></i></a>
<a href=""><span class="fa fa-cart-plus" style="color: #F22E00"></span> 购物车 <i class=" fa fa-sort-desc"></i></a>
<a href="" class="head_a"><span class="fa fa-star"></span> 收藏夹 <i class=" fa fa-sort-desc"></i></a>
<a href="">商品分类<span style="margin-left :20px;border-right: 1px solid #ccc;"></span></a>
<a href="" class="head_a">千牛卖家中心 <i class=" fa fa-sort-desc"></i></a>
<a href="" class="head_a">联系客服 <i class=" fa fa-sort-desc"></i></a>
<a href="" class="head_a"><span class="fa fa-tasks" style="color: #F22E00"></span> 网站导航 <i class=" fa fa-sort-desc"></i></a>
</div>
<div class="clear"></div>
</div>
</div>
</body>
</html>