2

そのため、すべてのコンテンツを 1 つの中央の div に配置する Web サイトを作成しています。

コンテンツを中央に配置するために、margin-left と right を auto に設定して使用しています。コンテンツの左側では、真っ白な背景が必要ですが、右側ではパターンの背景を繰り返したいと考えています。

頭がおかしいだけかもしれませんが、今日は解決策が思い浮かびません..

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

3 に答える 3

5

5月3列のレイアウトオプションの1つを使用できます。次に、3番目の列の背景画像を好きなように設定して繰り返します。

于 2009-10-08T18:40:43.470 に答える
1

3列のレイアウト手法を使用して、左右の列を異なる背景に設定できます。ここで説明されているそのようなものの1つ。

背景画像によっては、次のようなこともできる場合があります。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 に答える