#menu ul {list-style:none;margin:0px;}

　　#menu ul li {float:left;}

解释一下：

　　#menu ul {list-style:none;margin:0px;}

　　list-style:none，这一句是取消列表前点，因为我们不需要这些点。

　　margin:0px，这一句是删除UL的缩进，这样做可以使所有的列表内容都不缩进。

　　#menu ul li {float:left;}

　　这里的 float:left 的左右是让内容都在同一行显示，因此使用了浮动属性(float)。

　　到这一步，建议大家先保存预览一下效果，我们再添加下面的内容，效果如下：

　　这时，列表内容是排列在一行，我们在#menu ul li {}再加入代码margin:0 10px

　　#menu ul {list-style:none;margin:0px;}

　　#menu ul li {float:left;margin:0 10px}

　　margin:0 10px的作用就是让列表内容之间产生一个20像素的距离(左：10px，右：10px)，预览的效果如下：

　　现在，雏形已经出来了，我们再来固定菜单

上一页  [1] [2] [3] [4] [5] [6] [7] [8] [9] [10]  ... 下一页  >>