如何在整个页面上重复小背景图像?

发布于 2024-09-06 01:09:52 字数 180 浏览 5 评论 0原文

我想设置页面背景图像,我的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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

倾城泪 2024-09-13 01:09:52

在此处查看演示。

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

更多信息:

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

See demo here.

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

More Info:

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

忆梦 2024-09-13 01:09:52

您可以使用这个背景:#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.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文