CSSで背景とページの境界の枠に影をつけたい。

解決済

質問者：ken_0401
質問日時：2008/09/01 15:17
回答数：4件

表題どおりなのですが、
CSSで、背景とページの間の境界線に影をつけたいのですが、
やり方がわかりません。
参考までに以下のように、背景の灰色と、サイトの白の間の境界線にうすい黒い影をつけたいのです。
http://www.sanyo.co.jp/

テーブルならできるのですが、CSSだとちょっとわかりません。
詳しい方、恐れ入りますがご教授願います。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (4件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： SAYKA
回答日時：2008/09/01 15:43

>影を

ドロップシャドウ・・・？

>テーブルなら
ああ、テーブルみたいなやつね
それは枠線の種類を指定すればできるよ。
テーブルで使われてるのは"ridge"じゃないかな
http://msugai.fc2web.com/web/CSS/border.html

ドロップシャドウは対応ブラウザの問題できびしい
http://www.google.com/search?lr=lang_ja&q=css%20 …

- 0
- 件

通報する

この回答へのお礼

えっ、じゃあ、なんで私が参考にあげた三洋電機のページは
しっかりと影が出てるのですか?

>>テーブルで使われてるのは"ridge"じゃないかな

テーブルではなくCSSでのやり方を知りたいです。

通報する

お礼日時：2008/09/01 15:56

No.4

回答者： dezimac
回答日時：2008/09/01 16:13

テーブルと考え方は極端にかわらないのだけど、

（両）端にぼかし影つけた画像用意して、背景に置いて、マージン等でその部分が見えるように調整するだけです。
気になったページのソースを表示して、余計な部分取り除いていって、よく解読すればわかります。

細かい部分は省くけど、概ねこんな感じ。
両端に影付いた画像を用意（幅：820px、影の幅は10px）

<head>
<style>

</style>
</head>
<body>
<div id="stage">
<div id="content">
内容いろいろ
</div>
</div>
</body>