0

ページのコンテンツを背景の一部に追加したい。つまり、メイン コンテンツの両側に使用されていない領域の 2 つの列を保持したいと考えています。このようなもので、メイン コンテンツの両側に 2 つの未使用の青みがかった領域が見られます。シャドー効果も見られます。したがって、コンテンツが入力されるメインの白い背景領域は画像でなければなりません。

どうすればこれらのことを達成できますか?

画面に表示されているページ全体に実際に別のシートを配置する方法を知る必要があります。(リンク内の 2 つの未使用の列について言及しています)。

4

2 に答える 2

1

開発者ツール (IE と Chrome では F12 キー) は素晴らしいものです。

たとえば、それらを使用しようとすると、本体に次のものが含まれていることがわかります。

margin: 2em 3% 10em;
box-shadow: 0px 0.3em 1em #000;

そして、html要素には次のものがあります。

background-color: rgb(220, 227, 230);

そして、まるで魔法のように、メインコンテンツに「青みがかった」背景と影があります。すばらしい。

于 2012-05-26T13:05:57.260 に答える
1

シャドー効果も見られます。したがって、コンテンツが入力されるメインの白い背景領域は画像でなければなりません。

うーん...いいえ。box-shadow影はメインエリアで使用できます。そして、あなたはメインエリアを中央に置くことができますmargin: 25px auto;

例http://dabblet.com/gist/2793972

于 2012-05-26T13:36:00.770 に答える