今天为大家介绍四种不同的形式的导航条，在网页制作中想制作比较好看的菜单导航条，那么看看哪种形式是你的喜爱。
第一种，垂直菜单导航条的制作
代码：
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>垂直菜单的制作</title>
<style>
ul{ list-style:none; width:100px;}
ul li{ height:30px; line-height:30px; width:100px; background:#999; margin-bottom:1px; }
ul li a{ text-decoration:none;padding-left:10px; text-indent:10px;}
li hover{ background:red; }
</style>
</head>
<body>
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">售后服务</a></li>
<li><a href="#">联系咨询</a></li>
<li><a href="#">联系我们</a></li>
<li><a href="#">关于</a></li>
</ul>
</body>
</html>效果如下：
最低0.47元/天 解锁文章
657
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
