本文主要包含css,背景图,导航菜单等相关知识,佚名 希望在学习及工作中可以帮助到您
今天介绍的这款简单非常简单，利用一张背景图片来实现菜单的悬停状态。我们看下面的图片：
仅这一张图片，我们实现一个横行CSS菜单。并设置它们的悬停效果。我们该如何做呢？看下面的图片：
这是一个示意图。最底层是ul，这是一个容器，我们将列表项li全部置入其中。为了方便说明，示意图中仅画了一个li。实际此例中有六个li，全部向左浮动，实现横行排列。在li上面还有链接a标签。
我们首先整理XHTML代码：
Example Source Code
上部的内边距为40px。溢出为隐藏。我们将链接文字增加上部的内边距，从而推到了下面，不可见的地方，为了使这样的方法成功，我们必须设置溢出为隐藏。