1

ウェブサイトの本文に背景を追加しようとしましたが、背景全体を表示し、ウェブサイトのコンテンツをその中の中央に配置したいと考えました。

次の CSS を使用しましたが、中央に配置できません。

body {
  margin: auto;
  background: url(../images/bggeneral.jpg) top center repeat;
  background-position: center;
  font-size: 100%;
  line-height: 1.0625em;
  color: #515151;
  width: 100%;
}

背景画像 : http://www.comicar.ma/assets/images/bggeneral.jpg

画像をトリミングする必要がありますか？

4

1 に答える 1

4

repeat身体イメージを繰り返したくない場合は削除できます。そしてmargin:0 auto、コンテナdivに与えられるべきです。

HTML

<div class="wrapper">
Content
</div>​

CSS

body {background: url(http://www.comicar.ma/assets/images/bggeneral.jpg) top center no-repeat; font-size: 100%; line-height: 1.0625em; color: #515151; width: 100%; }
.wrapper{width:700px; margin:0 auto}

ライブデモ

于 2012-10-22T13:11:15.067 に答える