我确定这只是简单的 html/css,但我不知道如何调用该栏(谷歌搜索水平栏 html 总是会产生水平规则)。
http://jquery.com/有一个 - 顶部的灰色条将菜单与页面内容分开。我很想自己做一个。
我确定这只是简单的 html/css,但我不知道如何调用该栏(谷歌搜索水平栏 html 总是会产生水平规则)。
http://jquery.com/有一个 - 顶部的灰色条将菜单与页面内容分开。我很想自己做一个。
有很多方法可以做到这一点。
在 jquery.com 上,它是应用 body 标记的背景图像的一部分。
您可以有一个标题部分,其背景与底部对齐作为图像和底部填充,以防止文本/内容覆盖该部分。最后,如果您只想使用纯色,则可以使用粗边框。我相信还有许多其他方法可以做到这一点。
最简单的解决方案:
<!-- content above bar goes here -->
<div style="height:30px;background-color:lightgray;clear:both;" ></div>
<!-- content below bar goes here -->
你做的很清楚:两者都以防万一你想要保持在栏上方的浮动元素。
它是应用于身体标签的BG 图像。
body {
background: #2a3139 url(../images/bg_home_tile_sml.jpg) repeat-x 50% 0;
}
IMO 这是实现这种效果的最佳方式。
如果您的设计足够静态,最好的方法(在我看来)是页面背景图像方法。否则,创建一个具有正确高度的 div,将其背景图像设置为具有正确高度/颜色/渐变属性的非常薄(1 或 2 像素)的图像,并将其平铺在 x 轴上。
我会避免使用粗边框方法,因为这可能会在不同的浏览器上呈现不同的效果。