Question

我有一个页面，其中包含<body>的背景图片。图像可能只保留在页面的底部，并且在x上可见，我不希望它在x和y上重复整个身体。

图像如下所示;

Tile

我想要将此图像平铺在x上，但希望从左右两侧重复。图像可以从左侧和右侧开始;

Structure

在它们之间是内容<div>通过这样做，图像可能看起来好像它具有整页的宽度。我可以使用repeat-x执行此操作，但会在结尾处创建一些不完整的平铺部分。

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

enter image description here

CSS可以实现吗？我想你得到了我所说的。如果您需要额外的信息，请发表评论。

Answer 1

您可以这样写：

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