1、新建一个html文件，命名为test.html，用于实现横向导航菜单。
3、使用CSS定义ul的样式。通过margin:0和padding:0清除ul的内外边距，并使用float使此浮动向左，实现菜单从左窕掷烙宴向右排列的效果。由于ul默认带有列表头样式，这里使用list-style-type：none去除它。
5、为了实现每个菜单之间有分离的效果，通过CSS设置a标签的右边框为白色实线（border-right:1px solid white）。再通过padding来设置a标签的内边距，使其更加美观。
7、至此，简单又漂亮的横向导航就做好了。在浏览器上运行test.html查看做好的效果，如下图：
