跟着视频敲的
小zei丶2019-03-26 20:48:45232<!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>导航</title>
</head>
<body>
<div>
<div>
<div>
<a href="">中国大陆
<i class="fa fa-angle-down"></i>
</a>
<a href="" style="color:#FF5500;">亲，请登录
</a>
<a href="">免费注册</a>
<a href="">手机淘宝</a>
</div>
<div>
<a href="" >我的淘宝
<i class="fa fa-angle-down"></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-down"></i>
</a>
<a href="">商品分类</a>
<a href="">卖家中心
<i class="fa fa-angle-down"></i>
</a>
<a href="">联系客服
<i class="fa fa-angle-down"></i>
</a>
<a href="">网站导航
<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;}