• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:左右の余白に色指定)

左右の余白に色指定とは?

このQ&Aのポイント
  • 左右の余白に色指定とは、灰色の背景の上にページが乗っかっているようなデザインを作る方法です。
  • 指定した背景色と異なる余白を左右に作る方法を探しています。
  • スタイルシートで背景色とブロックの背景色を指定したが、間の余白が背景色と同じになってしまいます。

質問者が選んだベストアンサー

  • ベストアンサー
  • s_hukami
  • ベストアンサー率66% (98/148)
回答No.1

質問者の方が利用されているブログツールが判らないため、回答しづらいのですが、例えばMovable Typeなどでブログのタイトルやブログ全体を<div id="container">~</div>でくくってあるとして、その周囲の背景色が#ccccccであるとすると、CSSの記述は body { background-color: #cccccc; } #container { background-color: #ffffff; border: #333333 1px solid; } で、生成されたHTMLファイルには例えば <body>~</body>の間の記述は <div id="container"> <div id="banner">(省略)</div> <div id="left">(省略)</div> <div id="center">(省略)</div> </div> などのようになります。 border: #333333 1px solid;は必要なければ指定しなくて結構です。 質問される場合には、なるべく利用しているブログのツール名などを記述した方が、よろしいかと思います。 理由は、そうすることによって、より適切な回答ができるからです。

pc1234
質問者

お礼

すみません。 質問のカテゴリーが違っていたみたいです。 しかしながら、丁寧な回答ありがとうございました。