中的padding，改成padding:0px 10px就ok了
就是说，只需调节li里面的a的padding的左右值就行
用一个class类，调整padding属性就可以了。比如padding-left:30px 就是在文字左边添加30个像素的空白区域。 这么说你应该容易理解了。。<div class="这里写你想要的类名，如：nav">
<ul>
<li>我的爱好</li>
<li>我的风采</li>
...
</ul>
</div>
.nav ul li{
....
..
padding-left:30px /*左边空30像素*/
padding-right:30px /*右边空30像素*/
}
如果要横向编排，可以加个float:left ，就是向左浮动
去除css导航条菜单中间有缝隙的方法：看body加上如下代码就可以了。
body{
margin: 0px
padding: 0px
}
扩展：
body,div, form, img, ul, ol, li, dl, dt, dd, form, p {
margin: 0px
padding: 0px
border: 0px none
list-style: none outside none
text-decoration:none
}
一般网站设计都会加上上面这段代码，学习前端一定要多看其他优秀网站的布局以及页面结构。
