我想复制一个网页的布局,但我不明白这个代码

时间:2013-03-05 20:36:24

标签: css

这是我关于Stack Overflow的第一个问题。 我想复制可怕的[编辑真棒:我的键盘出错了]此网页的横向布局: http://www.google.com/nexus/10 所以我使用Firebug来了解代码是如何制作的。 他们使用CSS专有权使一些图像保持水平,即使你缩小直到文本不再可读(例如:名为“环聊”的部分)。 这是我感兴趣的部分代码(直接来自Firebug):

.nexus-10 .hangouts {
background: url("/nexus/images/n10-hangouts-bg-blur.jpg") no-repeat scroll center center, url("/nexus/images/n10-hangouts-bg-tile.jpg") repeat scroll 0 0 #F2DAC0;}
div, a, li {
border-color: #EFEFEF;
border-style: solid;
border-width: 0;
}
body {
color: #555555;
font: 300 15px "Roboto",arial,sans-serif;
}

任何人都有任何想法? 请帮帮我

修改 好吧我不清楚,但我不知道怎么说:我想知道“不重复滚动”是什么意思,我怎么能在我的网页上使用它。不需要说我在HTML编程方面不擅长,而且我不确切知道CSS

1 个答案:

答案 0 :(得分:0)

这可能会对您有所帮助 - CSS Backgrounds

无重复意味着它不会重复背景图像

Scroll属性设置背景图像是固定还是滚动 - Scroll