制作淘宝导航
<<!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/css/font-awesome.min.ccs">
<style type="text/css">
*{margin: 0px;padding:0px;}
a{text-decoration: none;color: #000;font-size:13px;}
.clear{clear:both;}
.header{width:100%;background-color: #f5f5f5;}
.header_content{width: 1200px;margin:0px auto;line-height: 40px}
.header_left{height:40px;float:left;}
.header_left a{margin-right: 5px}
.header_content a:hover{color:#ff5000;}
.header_right{width:600px;height:40px; float:right;}
.header_a{display:inline-block;height:40px;width:90px; text-align:center;}
.header_a:hover{background-color: #fff;}
</style>
</head>
<body>
<div>
<div>
<div>
<a href="class=header_a">中国大陆 </a>
<a href="" style="color:#ff5000;">亲，请登录</a>
<a href="">免费注册</a>
<a href="">手机逛淘宝</a>
</div>
<div>
<a href="class=header_a">我的淘宝 <i class= "fa fa-angle-dowsn"></i>></a>
<a href=""><span class="fa fa-cart-plus"></span>购物车</a>
<a href=""><span class="fa fa-star"></span>收藏<i class="fa fa-angle-dowsn"></i></a>
<a href="">商品分类</a>
<a href="">卖家中心<i class=" fa fa-angle-dowsn"></i></a>
<a href="">联系客服<i class=" fa fa-angle-dowsn"></i></a>
<a href="">网站导航<i class=" fa fa-angle-dowsn"></i></a>
</div>
</div>
</div>
</body>
</html>