css定义一个导航栏

导航栏是网页中常用的模块，有很多方法可以实现，下面是用css实现的方法：　

     <div >        #menu ul {list-style:none;margin:0px;}
　　list-style:none，这一句是取消列表前点，因为我们不需要这些点。
　　margin:0px，这一句是删除UL的缩进，这样做可以使所有的列表内容都不缩进。

　　#menu ul li {float:left;margin:0 10px;display:block;line-height:28px}
　　这里的 float:left 的左右是让内容都在同一行显示，因此使用了浮动属性(float)。
        margin:0 10px的作用就是让列表内容之间产生一个20像素的距离(左：10px，右：10px)
        display:block;line-height:28px的作用是让文字垂直居中


最终效果如：