CSS Horizo​​ntal Nav，IMG或DIV？

Question

我正在进行如下图所示的导航。

整个导航是浏览器窗口的宽度，但项目以设计为中心。

我在相当长的一段时间内没有使用任何代码，并且很难将它们放在一起。我应该使用身体图像水平重复，然后将我的列表放在需要的位置吗？或者我应该使用div来跨越浏览器窗口的整个宽度并将列表元素放在需要它们的位置？

由于

Answer 1

我会使用一个简单背景颜色的容器并将菜单放在其中。

我会为你准备一个快速的例子。

<强>更新

以下是我刚刚汇总的一个简单示例：http://jsfiddle.net/aQTRF/

或者，如果您需要将黑色菜单栏延伸到导航容器之外，可能更容易将栏添加为重复身体背景的一部分（如您所述），然后将导航器放在顶部。这也可以让您在主要内容区域内的菜单栏颜色与外部相比略有不同。

Answer 2

我建议尽可能在图像上使用HTML和CSS。它将使页面加载更快。

像this那样好看和简单的事情怎么样？

Answer 3

使用无序列表

<ul id="nav">
  <li>Nav Item</li>
  <li>Nav Item</li>
  <li>Nav Item</li>
</ul>

将样式添加到#nav作为背景