试图用css创建一个没有运气的背景

Question

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

我找不到背景的CSS来看看他们有什么,它出来了所有混乱的大量额外的谷歌地图css就可以了.

任何人都可以看到他们正在做什么来做顶部和灰色下面的条带？

谢谢!

Answer 1

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

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

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

工作小提琴:http://jsfiddle.net/shahverdy/NByX9/

怎么找到这个？

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

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