用li制作的导航
导航
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
*{margin:0px;padding:0px; }
ul{width:525px;margin:100px auto;}
ul li{width:100px;height:40px;background: #ccc;list-style: none;text-align:center;line-height:40px;float:left;margin-right:5px;}
ul li:hover{background:pink;cursor:pointer;}
</style>
</head>
<body>
<ul>
<li>html</li>
<li>css</li>
<li>javsscript</li>
<li>jquery</li>
<li>bootstrap</li>
</ul>
</body>
</html>