abstract：<!DOCTYPE html><html><head><meta charset="gb2312"><title>导航作业</title><link rel="stylesheet" type="text/css" href="css/index.cs
<!DOCTYPE html>
<html>
<head>
<meta charset="gb2312">
<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\Font-Awesome-master\font-awesome.min.css">
</head>
<body>
<div class="header">
<div class="header_center">
<div class="header_left">
<a href="/" class="header_a">仙娜美首页</a>
<a href="/"style="color:green;" >仙娜美2</a>
<a href="/">仙娜美3</a>
<a href="/" class="fa-reorder">更多</a>
</div>
<div class="header_right">
<a href="/" class="header_a">登陆</a>
<a href="/">注册</a>
</div>
</div>
<div class="clear"></div>
</div>
</body>
</html>
下面是CSS文件 css文件夹下的index.css
*{margin:0px;padding:0px;}
.clear{clear:both;}
a{text-decoration:none;color:#ccc;font-size:25px;}
.header{width:100%;height:40px;background-color:blue;}
.header_center{width:1000px;height:40px;background-color:yellow;margin:0px auto;line-height:35px;}
.header_left{width:605px;height:40px;float:left;}
.header_right{height:40px;background-color:red;float:right;}
.header_a:hover{display:inline-block;width:150px;height:40px;background-color:white;text-align:center;}
.header_left a{margin-right:45px;}
.header_center a:hover{color:black;}
老师我不会用图标