色の明暗を変えるには？

解決済

質問者：law_row
質問日時：2002/01/28 07:01
回答数：3件

このページ↓にあるように左にいくほど濃く、右にいくほど薄くなるような
表現はどのようにすればいいのですか？
（背景や水平線など）
http://www.ume.sakura.ne.jp/~rei/top.html

通報する

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

質問の本文を隠す

回答 (3件)

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

No.2ベストアンサー

回答者： yuhei-y
回答日時：2002/01/28 08:48

ご質問にあるホームページを拝見したところ、

これらのグラデーション表現は、画像で実現されています。

つまり、右に行くほど色が薄くなる画像を作成し、
それを背景画像または、区切り線として使用しているのです。
具体的にHTMLで表すと、次のようになります。

<html>
<body background="bgimage.gif">
<img src="lineimage.gif">
</body>
</html>

上記のHTMLを解説をすると、
「bgimage.gif」が、ご質問にあったホームページ上で言うところの
格子状の画像にあたり、
「lineimage.gif」が、区切り線の画像となります。

HTMLやJavaScriptでは、これらのようなグラデーション表現は不可能です。
ですから、画像を使用しているわけです。

ぜひとも、状況に応じて画像を駆使し、
素晴らしいホームページを作成してくださいね。

- 0
- 件

通報する

No.3

回答者： kenkenkent
回答日時：2002/01/30 18:38

御質問にあるHPですが、これは背景の格子状の物も、

水平線も、画像を配置していますね。
背景画像に関しては、繰り返し表示されますので、
格子を縦1マス分だけ作ってやれば、格子状の様になります。

http://www.atmark.gr.jp/~image/
ちなみに、こちらのサイトでも背景にグラデーションを
使っていますが、これはbackground.jpgと言う、
1200×1ピクセルの背景画像を繰り返し表示させています。

参考URL：http://www.atmark.gr.jp/~image/

- 0
- 件

通報する

No.1

回答者： starflora
回答日時：2002/01/28 07:38

　　このページにある、白い格子模様は、「背景画像」です。言い換えると、左から右に、色が段々薄くなる画像を背景画像、background= に入れると、こういう効果が出てきます。その場合、背景画像は、厚さ１ピクセルとかでも行けます。
　
　　ｈｔｍｌでは、こういう効果は出せません。JavaScript を使うと、段々明るくなるとか、背景の色が段々変化するとか作れますが、ｈｔｍｌではできないはずです。
　