html - 如何在整个页面中重复一个小背景图像？

Question

我想设置页面背景图片我的 CSS 代码是 -

background:url(images/body_bg.jpg) repeat-x top; 

但是图像大小没有网页那么大，只有一条细条和渐变颜色。所以我怎样才能重复图像以使其占据整个背景？正如我所说的那样，它是渐变的，所以我不能硬核背景颜色。

Answer 1

在此处查看演示。

background:url(images/body_bg.jpg) repeat left top; 

更多信息：

http://www.w3schools.com/css/css_background.asp

Answer 2

您可以使用它background: #000000 url(images/body_bg.jpg) repeat-x top; 并替换#000000为结束渐变的颜色。