abstract：<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="static/css.css&
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="static/css.css">
<link rel="stylesheet" type="text/css" href="static/font-awesome/css/font-awesome.min.css">
<title>導(dǎo)航</title>
</head>
<body>
<div>
<div>
<div>
<a href="">中國(guó)大陸
<i class="fa fa-angle-down"></i>
</a>
<a href="" style="color:#FF5500;">親，請(qǐng)登錄
</a>
<a href="">免費(fèi)注冊(cè)</a>
<a href="">手機(jī)淘寶</a>
</div>
<div>
<a href="" >我的淘寶
<i class="fa fa-angle-down"></i>
</a>
<a href="">
<span class="fa fa-cart-plus"></span>
購(gòu)物車(chē)
</a>
<a href="">
<span class="fa fa-star"></span>
收藏夾
<i class="fa fa-angle-down"></i>
</a>
<a href="">商品分類(lèi)</a>
<a href="">賣(mài)家中心
<i class="fa fa-angle-down"></i>
</a>
<a href="">聯(lián)系客服
<i class="fa fa-angle-down"></i>
</a>
<a href="">網(wǎng)站導(dǎo)航
<i class="fa fa-angle-down"></i>
</a>
</div>
<div></div>
</div>
</div>
</body>
</html>
*{margin: 0;padding: 0;}
.clear{clear: both;}
a{text-decoration:none;color:#000;font-size:13px;}
.header{
width:100%;background-color:#F5F5F5;
}
.header_content{
width: 1000px;margin: 0 auto;
line-height: 40px;
}
.header_left{
height: 40px;
float: left;
}
.header_left a{
margin-right: 7px;
}
.header_content a:hover{color:#FF5500;}
.header_right{
height: 40px;
float: right;
}
.header_a{
display: inline-block;
height:40px;width:80px;
text-align: center;
}
.header_a:hover{background-color: #fff;}
