OKWAVEのAI「あい」が美容・健康の悩みに最適な回答をご提案!
-PR-
解決
済み

色の明暗を変えるには?

  • 困ってます
  • 質問No.206910
  • 閲覧数133
  • ありがとう数0
  • 気になる数0
  • 回答数3
  • コメント数0

お礼率 0% (0/19)

このページ↓にあるように左にいくほど濃く、右にいくほど薄くなるような
表現はどのようにすればいいのですか?
(背景や水平線など)
http://www.ume.sakura.ne.jp/~rei/top.html
通報する
  • 回答数3
  • 気になる
    質問をブックマークします。
    マイページでまとめて確認できます。

質問者が選んだベストアンサー

  • 回答No.2
レベル9

ベストアンサー率 54% (28/51)

ご質問にあるホームページを拝見したところ、
これらのグラデーション表現は、画像で実現されています。

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

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

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

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

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

その他の回答 (全2件)

  • 回答No.1
レベル13

ベストアンサー率 61% (647/1050)

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


  • 回答No.3
レベル13

ベストアンサー率 30% (565/1854)

御質問にあるHPですが、これは背景の格子状の物も、 水平線も、画像を配置していますね。 背景画像に関しては、繰り返し表示されますので、 格子を縦1マス分だけ作ってやれば、格子状の様になります。 http://www.atmark.gr.jp/~image/ ちなみに、こちらのサイトでも背景にグラデーションを 使っていますが、これはbackground.jpgと言う、 1200×1ピクセル ...続きを読む
御質問にあるHPですが、これは背景の格子状の物も、
水平線も、画像を配置していますね。
背景画像に関しては、繰り返し表示されますので、
格子を縦1マス分だけ作ってやれば、格子状の様になります。

http://www.atmark.gr.jp/~image/
ちなみに、こちらのサイトでも背景にグラデーションを
使っていますが、これはbackground.jpgと言う、
1200×1ピクセルの背景画像を繰り返し表示させています。
このQ&Aで解決しましたか?
関連するQ&A
-PR-
-PR-
こんな書き方もあるよ!この情報は知ってる?あなたの知識を教えて!
このQ&Aにはまだコメントがありません。
あなたの思ったこと、知っていることをここにコメントしてみましょう。

その他の関連するQ&A、テーマをキーワードで探す

キーワードでQ&A、テーマを検索する
-PR-
-PR-
-PR-

特集


いま みんなが気になるQ&A

関連するQ&A

-PR-

ピックアップ

-PR-
ページ先頭へ