- ベストアンサー
色の明暗を変えるには？
このページ↓にあるように左にいくほど濃く、右にいくほど薄くなるような 表現はどのようにすればいいのですか？ （背景や水平線など） http://www.ume.sakura.ne.jp/~rei/top.html
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
ご質問にあるホームページを拝見したところ、 これらのグラデーション表現は、画像で実現されています。 つまり、右に行くほど色が薄くなる画像を作成し、 それを背景画像または、区切り線として使用しているのです。 具体的にHTMLで表すと、次のようになります。 <html> <body background="bgimage.gif"> <img src="lineimage.gif"> </body> </html> 上記のHTMLを解説をすると、 「bgimage.gif」が、ご質問にあったホームページ上で言うところの 格子状の画像にあたり、 「lineimage.gif」が、区切り線の画像となります。 HTMLやJavaScriptでは、これらのようなグラデーション表現は不可能です。 ですから、画像を使用しているわけです。 ぜひとも、状況に応じて画像を駆使し、 素晴らしいホームページを作成してくださいね。
その他の回答 (2)
- kenkenkent
- ベストアンサー率30% (565/1854)
御質問にあるHPですが、これは背景の格子状の物も、 水平線も、画像を配置していますね。 背景画像に関しては、繰り返し表示されますので、 格子を縦1マス分だけ作ってやれば、格子状の様になります。 http://www.atmark.gr.jp/~image/ ちなみに、こちらのサイトでも背景にグラデーションを 使っていますが、これはbackground.jpgと言う、 1200×1ピクセルの背景画像を繰り返し表示させています。
- starflora
- ベストアンサー率61% (647/1050)
このページにある、白い格子模様は、「背景画像」です。言い換えると、左から右に、色が段々薄くなる画像を背景画像、background= に入れると、こういう効果が出てきます。その場合、背景画像は、厚さ１ピクセルとかでも行けます。 ｈｔｍｌでは、こういう効果は出せません。JavaScript を使うと、段々明るくなるとか、背景の色が段々変化するとか作れますが、ｈｔｍｌではできないはずです。
