2

我确定这只是简单的 html/css,但我不知道如何调用该栏(谷歌搜索水平栏 html 总是会产生水平规则)。

http://jquery.com/有一个 - 顶部的灰色条将菜单与页面内容分开。我很想自己做一个。

4

4 回答 4

3

有很多方法可以做到这一点。

在 jquery.com 上,它是应用 body 标记的背景图像的一部分。

您可以有一个标题部分,其背景与底部对齐作为图像和底部填充,以防止文本/内容覆盖该部分。最后,如果您只想使用纯色,则可以使用粗边框。我相信还有许多其他方法可以做到这一点。

于 2008-11-14T15:23:47.773 回答
2

最简单的解决方案:

<!-- content above bar goes here -->
<div style="height:30px;background-color:lightgray;clear:both;" ></div>
<!-- content below bar goes here -->

你做的很清楚:两者都以防万一你想要保持在栏上方的浮动元素。

于 2008-11-14T15:38:13.457 回答
1

它是应用于身体标签的BG 图像。

body {
    background: #2a3139 url(../images/bg_home_tile_sml.jpg) repeat-x 50% 0;
}

IMO 这是实现这种效果的最佳方式。

于 2008-11-14T15:33:05.290 回答
1

如果您的设计足够静态,最好的方法(在我看来)是页面背景图像方法。否则,创建一个具有正确高度的 div,将其背景图像设置为具有正确高度/颜色/渐变属性的非常薄(1 或 2 像素)的图像,并将其平铺在 x 轴上。

我会避免使用粗边框方法,因为这可能会在不同的浏览器上呈现不同的效果。

于 2008-11-14T15:34:33.183 回答