ページの背景をグラデーションにし、ページの周りに影をつける方法を教えてください。


例えば下記のページのようにです。
http://www.cyberagent.co.jp/

よろしくお願いします。

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2007/02/24 15:26:11
  • 終了:2007/02/24 16:33:52

回答(3件)

id:frosch No.1

frosch回答回数24ベストアンサー獲得回数02007/02/24 15:31:39

ポイント30pt

http://www.cyberagent.co.jp/img/common/bggimg.jpg

実際に現物を見ていただいたほうがわかりやすいと思います。

上下にグラデーションが掛かった横長画像の真ん中に、ページの中身幅に合わせたシャドウを書き込んだものを背景に指定しているようです。

id:sainokami No.2

sainokami回答回数853ベストアンサー獲得回数452007/02/24 15:40:01

ポイント30pt

ページの背景にグラデーションの画像を使うことでできます。

例のページも画像が使われています。

http://www.cyberagent.co.jp/img/common/bggimg.jpg

画像の作成にはフォトショップやイラストレーターなどを使い、

背景に画像を設定するには

http://www.1uphp.com/con1/img/backgroundimgnorepeat.html

こんな感じで。

id:masterkton

例えば、この画像を縦長のページに設定する場合はどうすればよいのでしょうか?

グラデーション上部の白部分とグラデーション下部のグレー部分がくっついて不自然になると思うのですが、何かいい方法はありますでしょうか?

2007/02/24 16:13:52
id:sainokami No.3

sainokami回答回数853ベストアンサー獲得回数452007/02/24 16:19:51

ポイント40pt

画像のを繰り返して背景にするかどうかが設定できます。

スタイルシートを使うのですが、

背景画像を固定させることもできますし、繰り返し回数を指定することもできます。

http://www.chironoworks.com/kkhiro/HPS/Category/sample_category....

↑の背景・画像というところを参照してください

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません