html - 尝试用 css 创建一个没有运气的背景

标签 html css

<分区>

我正在尝试创建类似于 http://www.latlong.net/ 的网站背景但我没有任何运气。这个绿色和灰色背景是一张图片还是顶部的绿色图片带有灰色背景?

我找不到背景的 css 来查看它们有什么,它出来时混杂着很多额外的 google maps css。

任何人都可以看到他们在做什么来制作顶部的 strip 和下面的灰色吗?

谢谢!

最佳答案

使用 Chrome 从检查元素中提取;你需要:

body{
     background-color: rgb(235, 237, 231); /* This is #EBEDE7*/
}

header{
    background-color: rgb(215, 230, 184);    /* this is #D7E6B8*/
}

工作 fiddle :http://jsfiddle.net/shahverdy/NByX9/

如何找到这个?

通常,如果您想了解网页的 Html/Css 是如何工作的,最好的方法是使用一些工具,例如 Chrome 开发者工具,而不是从源代码中读取 Html/Css 文件.其他浏览器中也有一些其他工具。

在 Chrome 中,您需要右键单击页面的任何元素并选择检查元素

关于html - 尝试用 css 创建一个没有运气的背景,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15756195/

相关文章:

javascript - 如何使用 insertAfter 方法和 fadeIn 效果插入 html,以便 html 淡入

javascript - 从输入表单获取文本返回空字符串,但 console.log 显示显示文本

javascript - Canvas 上的 Html 绘图被调整大小

html - 蓝图 : Push column partially in to another column

html - 链接悬停动画问题(骑士动画)

html - WebGL - 等待纹理加载

CSS : Div with transparent image at the bottom

javascript - IE8 远程页面渲染错误

javascript - 每次鼠标悬停时都有动画?

html - 在 html 网站上添加了不需要的具有大高度值的 full_body_spacer