制作简单的导航栏
Posted 生命不止追求不断
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了制作简单的导航栏相关的知识，希望对你有一定的参考价值。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>导航栏</title>
</head>
<style>
#container{margin:0 auto; width:800px;}
#nav ul{list-style:none;}
#nav ul li{float:left;}
#nav li a{padding:7px 10px;}
#nav li a:link,#nav li a:visited{background-color:#191919; text-decoration:none;color:#FFF;}
#nav li a:hover{background-color:yellow;color:#999;}
</style>
<body>
<div id="nav">
<ul>
<li><a href="#">首页</li>
<li><a href="#">上衣</li>
<li><a href="#">裤子</li>
<li><a href="#">鞋子</li>
<li><a href="#">帽子</li>
<li><a href="#">内衣</li>
</ul>
</div>
</body>
</html>
以上是关于制作简单的导航栏的主要内容，如果未能解决你的问题，请参考以下文章