摘要:<!doctype html><html><head><meta charset="UTF-8"><title>新浪導(dǎo)航條</title><!-- 外部導(dǎo)入的css我不知道如何上傳,所以就在下面用內(nèi)部css替代了。但是,字體的font-awesome.min.css不知如何上傳。-->
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>新浪導(dǎo)航條</title>
<!-- 外部導(dǎo)入的css我不知道如何上傳,所以就在下面用內(nèi)部css替代了。但是,字體的font-awesome.min.css
不知如何上傳。-->
<!--建議將這個(gè)上傳的界面修改一下,增加可以上傳文件夾的選項(xiàng)。-->
<link rel="stylesheet" href="css/dht.css">
<link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.min.css">
<style>
*{margin: 0px;padding: 0px;}
.header{width:100% ;height: 40px;background-color: #F7F4F4;
border-bottom: 1px solid #DEDCDC;border-top: 3px solid #FF8500;}
.header_content{width: 1000px;height: 40px; margin: auto;line-height: 40px;}
.header_left{width:400px ;height: 40px; float: left;}
.header_right{width:500px ;height: 40px;float: right;text-align: right;}
a{display:inline-block;text-decoration: none;color: #000;font-size: 12px;text-align: center;
margin-right: 0px;/*height: 40px;width: 50px;*/}
.header_content a:hover{color:#FF8500 ;background:#D6DDEF;line-height: 40px;}
.clear{clear: both;}
.header_left a{padding-left: 10px;padding-right: 10px;}
.header_right a{padding-left: 18px;padding-right: 18px;}
h2{text-align: center;margin-top: 15px;}
</style>
</head>
<body>
<div>
<div>
<div>
<a href="">設(shè)為首頁(yè)</a>
<a href="">手機(jī)新浪網(wǎng)</a>
<a href="">移動(dòng)客戶(hù)端 <i class="fa fa-angle-down"></i></a>
</div>
<div>
<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>
<a href="">網(wǎng)站導(dǎo)航</a>
</div>
<div></div>
</div>
</div>
<h2>這是我寫(xiě)的新浪導(dǎo)航條,請(qǐng)老師指教!</h2>
</body>
</html>
批改老師:滅絕師太批改時(shí)間:2019-02-28 09:17:15
老師總結(jié):完成的不錯(cuò),下次提交作業(yè)可以附上作業(yè)完成圖片