导航菜单通常的做法是用ul li，但是ul
li纯文本方式的导航菜单实现的效果比较简单，我们可以使用背景图片来实现菜单的个性化设置。让我们开始吧：
先看效果图：
仅这一张图片，我们实现一个横行CSS菜单。并设置它们的悬停效果。我们该如何做呢？看下面的图片：
这是一个示意图。最底层是ul，这是一个容器，我们将列表项li全部置入其中。为了方便说明，示意图中仅画了一个li。实际此例中有六个li，全部向左浮动，实现横行排列。在li上面还有链接a标签。
id="mini_nav">
href="upload//5/05262050581365.png) no-repeat 0 0;}
#mini_nav li {width:65px; height:38px; float:left;}
#mini_nav li a {display:block; width:65px; height:38px;}
#mini_nav li a:hover {background:url(nav.png) no-repeat;}
设置总体布局声明，外边距与内边距均为零，文字大小为12px，列表项预调标记为无(去掉列表项前面的小黑点)。
设置ID为mini_nav的UL宽度与高度，上下边距为50px，左右边距为auto，实现水平居中对齐。设计背景图片为nav.png，定位于：0
0。
设置UL中的LI的样式，宽度与高度，向左浮动。
设置LI中链接A元素的样式，首先将A元素转换为块元素，并设置其宽与高。
设置链接A元素的县停样式，定义背景图片nav.png，重复方式为不重复，不给出背景图片的定位信息。
此时我们可以看到的页面效果如下：
