如何在整个页面上重复小背景图像?
我想设置页面背景图像,我的CSS代码是 -
background:url(images/body_bg.jpg) repeat-x top;
但图像大小没有网页那么大,那只是一条细条和渐变颜色。那么我如何重复图像以使其占据整个背景?正如我说它是渐变的,所以我不能硬核背景颜色。
I want to set page background image my css code is-
background:url(images/body_bg.jpg) repeat-x top;
but the image size is not as large as web page thats a thin strip only and gradient color too.so how can i repeat the image so that it will occupy whole background?As I said it is gradient so I can't hardcore the background color.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
在此处查看演示。
更多信息:
http://www.w3schools.com/css/css_background.asp
See demo here.
More Info:
http://www.w3schools.com/css/css_background.asp
您可以使用这个
背景:#000000 url(images/body_bg.jpg) Repeat-x top;
并将
#000000
替换为结束渐变的颜色。You could use this
background: #000000 url(images/body_bg.jpg) repeat-x top;
And replace
#000000
with the color, which ends your gradient.