<li style= "display:block">意思就是块元素，就是从这里断开的意思，就像回车的效果，而<li style= "float:leftwidth:80px">，本身不加float：left的话。默认是纵向排列的，加了之后变成横向排列，width可以控制宽度间距，文字你可以任意改，随意放哪个位置并没什么大碍，因为你本身是CSS样式的，而我把样式写进里面了，你可以把它单独写出来，建一个ID，写CLASS样式进去就行了，然后在li那样引用你的CLASS。主要控制的代码关键在li这个样式里面。你可以尝试把样式加到li里面看看效果，其实你要改的就是名字而已，如果觉得麻烦的话，没必要硬要把字弄下去，这个是最快的简单的。答案在下面，具体你就自己加进去了。方法上面已经大致说明。
如果你用a标签做，a标签有背景，就要设置display：block属性和float：left属性；还要定义宽度高度，最后别忘记用clear层清除浮动，基本的css为下面 .a{float:left:display:blockwidth:XXpxheight:XXpx} .clear{clear:both},用ul，li标签就类似，不过记得设置ul,li{margin:0pxpadding:0px}你的要求不难实现，通常情况下是这样处理的，你试下：<html>
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />
<title>nav</title>
<style type="text/css">
<!--
.nav{ list-style:none}
.nav li{ display:inline}
.nav li a{ color:#000text-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就可以，很简单的。
