2

所以我正在创建一个网站，它的所有内容都在一个居中的 div 中。

我使用margin-left和right设置为auto来使我的内容居中，在我的内容的左侧我想要一个纯白色的背景，但是在右侧，我想重复一个图案背景。

也许我的大脑工作不正常，但我今天想不出一个解决方案..

-------------------------------------------
|  white    |   content       |  pattern  |         
|    bg     |   centered      |    bg     |
|           |                 |           |
|           |                 |           |
-------------------------------------------
4

3 回答 3

5

您可以使用可能的3 列布局选项之一。然后，只需将第三列的背景图像设置为您想要的任何内容，重复。

于 2009-10-08T18:40:43.470 回答
1

您可以使用 3 列布局技术并将右列和左列设置为不同的背景。一个这样的描述here。

根据背景图像，您还可以执行以下操作： background: url(...) #000 repeat-y right;

如果背景图像足够宽以从屏幕右侧到达您的中心内容下方并且需要垂直重复，这将起作用。但是，这会根据不同的屏幕分辨率而改变。

于 2009-10-08T18:44:25.070 回答
1

使用 1680 像素宽的图像，一半为白色，一半作为图案，并用于repeat-y垂直和居中重复...除了 bg img 文件之外的任何其他内容...

body{
    background:url(../images/bg.jpg) fixed;
    background-repeat:repeat-y;
    background-position:top center;
}

您还可以使用margin:0 auto;
*您可以轻松地创建具有半白色和半图案的背景图像photoshop

于 2009-10-08T18:54:53.113 回答