同时使用CSS中的float：left来控制li靠左浮动即可实现横向菜单
注意UL或UL的父级容器宽度必须大于所有li宽度的和
例如<style>ul {padding:0margin:0list-style:nonewidth:600pxheight:50pxline-height:50pxtext-align:center}ul li {width:100pxheight:50pxfloat:left}<style><ul><li>菜单项目1</li><li>菜单项目2</li><li>菜单项目3</li><li>菜单项目4</li><li>菜单项目5</li><li>菜单项目6</li><ul>
使导航条运用以下CSS样式后成横向显示，首先我们需要给这个导航条的li设置一个float属性，这样导航条就能够横向的显示，横向之后的间隔你可以通过给这个li这是width和height，或者是padding来实现，个人建议用padding，能实现等比的间隔，例子如下：
<html><head>
<style>
#nav{
width:900px
height:30px
}
#nav ul li{
float:left
padding:5px 30px //通过padding实现
}
#nav ul li{
float:left
width:60px //通过width实现
}
</style>
</head>
<body>
<div class="nav">
<ul>
<li>
<a href="">首页</a>
</li>
<li>
<a href="">兴趣爱好</a>
</li>
<li>
<a href="index.php">好友印象</a>
</li>
<li>
<a href="register.php">会员注册</a>
</li>
<li>
<a href="dengtu.php">会员登录</a>
</li>
</ul>
</div>
</body>
</html>
margin和padding最基础的了，就是加减法算尺寸而已，一定要自己搞懂才是真的懂。
ul>li>a
ul给背景图和宽度，并设置overflow: hidden来清理浮动
浮动li
a设置为块级元素，给宽度、行高
a的右边设置1px分割线背景图(不建议用边框，字体行高渲染出来导致效果不好)
选择最后一个li下面的a并去掉其背景图
a给内边距
li给外边距
调整合适后，给ul总宽度减去一定值，并加上对应值的左边距，把里面按钮挤到居中位置
第9部也可以用这个办法居中按钮：跳过8，直接给li设置相对定位属性，然后left位移一定值。
