css一个导航栏该怎么做
一个950*60的box在网页最上方作为导航栏，里面有几个链接并列显示这样一个效果。我初学css还没有真正做过一个网站，这个导航栏怎么做最合适呢？我有几种想法1.这个bo...
一个950*60的box在网页最上方作为导航栏，里面有几个链接并列显示这样一个效果。我初学css还没有真正做过一个网站，这个导航栏怎么做最合适呢？我有几种想法
1.这个box做成一张图片 然后用热点，但是我对作图一点都不懂，而且用热点的话不能实现鼠标停留在链接上变换这个链接的效果。
2.每个按钮都是一个box，定义背景图片
3.用flash。同样我不会做
我想知道网站一般是如何来做导航栏的呢 我这个导航栏该怎么做呢 请专业的人回答。 展开
1.这个box做成一张图片 然后用热点，但是我对作图一点都不懂，而且用热点的话不能实现鼠标停留在链接上变换这个链接的效果。
2.每个按钮都是一个box，定义背景图片
3.用flash。同样我不会做
我想知道网站一般是如何来做导航栏的呢 我这个导航栏该怎么做呢 请专业的人回答。 展开
3个回答
展开全部
你的要求不难实现，通常情况下是这样处理的，你试下：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>nav</title>
<style type="text/css">
<!--
.nav{ list-style:none;}
.nav li{ display:inline;}
.nav li a{ color:#000; text-decoration:none;}
.nav li a:hover{ color:#f00;}
-->
</style>
</head>
<body>
<ul class="nav">
<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>
代码这里发不全，好在这样也是可以的。
几个链接都要以，只要放得下；如果还有背景图，可以在样式里加上，通过background就可以，很简单的。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>nav</title>
<style type="text/css">
<!--
.nav{ list-style:none;}
.nav li{ display:inline;}
.nav li a{ color:#000; text-decoration:none;}
.nav li a:hover{ color:#f00;}
-->
</style>
</head>
<body>
<ul class="nav">
<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>
代码这里发不全，好在这样也是可以的。
几个链接都要以，只要放得下；如果还有背景图，可以在样式里加上，通过background就可以，很简单的。
本回答由网友推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
网站上一般都是利用css来做的。具体的做法：
1、将导航栏里面的几个条目都做成无序列表里面的项
2、利用css将列表项的list-style,float等等属性设置，使列表项横排排列。
3、设置链接的属性就可以了。
一般都是这样做的，利用图片或者flash的话，网页会变大一点，对于网速慢的人来说，不方便访问。所以在能利用css的地方就尽量避免用图片或者falsh
1、将导航栏里面的几个条目都做成无序列表里面的项
2、利用css将列表项的list-style,float等等属性设置，使列表项横排排列。
3、设置链接的属性就可以了。
一般都是这样做的，利用图片或者flash的话，网页会变大一点，对于网速慢的人来说，不方便访问。所以在能利用css的地方就尽量避免用图片或者falsh
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你可以去阿里西西下载一个。然后自己修改。
更多追问追答
追问
给导航栏的链接啊
追答
不好意思，发不了链接。要怪百度、！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
