php中文网导航条
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>中文网导航条</title>
<style type="text/css">
*{margin: 0px;padding: 0px;}
body{background: #ccc;}
#nav{height: 60px;background-color:#000;border: 1px solid;}
ul li{list-style: none;width: 100px;height: 40px;line-height: 40px;text-align:center;float: left;color: #ccc;position: relative;top:10px;left:100px;}
img{position: relative;top:-20px;left:-102px;}
#login{position: relative;right: 200px}
a{position: relative;right: -500px;top:20px;color: #ccc;text-decoration: none;}
a:hover{color:red;text-decoration: underline;}
.clear{clear:both;}
/* // ul li{color:#ccc;float:left; }
*/ </style>
</head>
<body>
<div id="nav" >
<ul >
<li><img src="img/logo.png"></li>
<li></li>
<li >首页</li>
<li>视频教程</li>
<li>社区问答</li>
<li>技术文章</li>
<li>编程词典</li>
<li>资源下载</li>
<li>菜鸟学堂</li>
<a href="www.php.cn">登录 |</a>
<a href="www.php.net">注册</a>
</ul>
</div>
</body>
</html>