abstrak：<!DOCTYPE html><html><head><meta charset="gb2312"><title>導(dǎo)航作業(yè)</title><link rel="stylesheet" type="text/css" href="css/index.cs
<!DOCTYPE html>
<html>
<head>
<meta charset="gb2312">
<title>導(dǎo)航作業(yè)</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;}
老師我不會用圖標(biāo)
Guru membetulkan：滅絕師太Masa pembetulan：2019-03-02 09:22:50
Rumusan guru：字體庫 你下載一下引入到需要用的文件夾,文檔中一般會介紹引入方法!