摘要：<!doctype html><html><head><meta charset="utf-8"><title>支持php中文網(wǎng)</title><link rel="shortcut icon" type="images/x-icon" href="h
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>支持php中文網(wǎng)</title>
<link rel="shortcut icon" type="images/x-icon" href="http://ipnx.cn/static/images/logo.png" /> <!-- 設(shè)置網(wǎng)頁頭部的logo -->
<style type="text/css">
*{padding:0px;margin:0px;background:#ccc; }
.main{ width:100%;height:60px; background:#000;}
.logo a{background:url(http://ipnx.cn/static/images/logo.png) no-repeat center center; width:140px;height:60px; display:block; background-size:100%; float:left;}
ul li{ list-style:none; width:96px; height:60px; float:left;background:#000; line-height:60px;text-align:center;}
ul li a{text-decoration:none; color:#ccc; background:#000;}
ul li a:hover{background:#000; border-bottom:2px #0C0 solid;}
</style>
</head>
<body>
<div class="main">
<div class="logo"><a href="#"></a></div>
<ul>
<li><a href="#">首頁</a></li>
<li><a href="#">視頻教程</a></li>
<li><a href="#">社區(qū)問答</a></li>
<li><a href="#">技術(shù)文章</a>
</li>
<li><a href="#">編程詞典</a></li>
<li><a href="#">資源下載</a></li>
<li><a href="#">特色課程</a></li>
<li><a href="#">菜鳥學(xué)堂</a></li>
</ul>
</div>
</body>
</html>
批改老師：查無此人批改時間：2019-06-12 09:17:17
老師總結(jié)：完成的不錯。浮動在移動端用到的比較多。繼續(xù)加油。