摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="ie=edg
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>常用导航布局案例</title>
<style type="text/css" rel="stylesheet">
div{background-color: lightslategray;height:30px;}
ul{width:1200px;}
li{list-style: none;display: inline;color:white;cursor: pointer;
border-right:1px white solid; padding:0px 10px;line-height: 30px;}
li:hover{color:blue;}
</style>
</head>
<body>
<div>
<ul>
<li>php图文教程</li>
<li>php视频教程</li>
<li>php手册教程</li>
<li>php实战教程</li>
<li>其他机构教程</li>
<li>php原生手册</li>
<li>phpstudy工具使用视频教程</li>
</ul>
</div>
</body>
</html>
批改老师：灭绝师太批改时间：2019-01-18 18:09:33
老师总结：布局样式比较简单，下次可以效果好一点哦，多点样式控制
