gpt4 book ai didi

css - 从两侧底部开始页面背景 - CSS

转载 作者:行者123 更新时间:2023-11-28 18:46:02 24 4
gpt4 key购买 nike

我有一个页面有 <body> 的背景图片.该图像可能只停留在页面底部并且在 x 方向可见,我不希望它在 x 和 y 方向重复整个 body 。

图像如下所示;

Tile

我希望这张图片平铺在 x 上,但想从左右两边重复。图片可以从左右两边开始;

Structure

它们之间是内容 <div>通过这样做,图像可能看起来好像具有整个页面的宽度。我可以简单地使用 repeat-x 来做到这一点, 但它会在结束部分创建一些不完整的图 block 部分。

完成的页面可能如下图所示;

enter image description here

这可以用 CSS 实现吗?我想你明白我在说什么。如果您需要更多信息,请发表评论。

最佳答案

你可以这样写:

div{
background:url(image1.jpg) repeat-x bottom left,url(image1.jpg) repeat-x bottom right;
}

关于css - 从两侧底部开始页面背景 - CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10549104/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com