- 締切済み
背景色をグラデーションにするには。
- みんなの回答 （2）
- 専門家の回答
みんなの回答
- elttac
- ベストアンサー率70% (592/839)
グラデーション画像を作成するのが確実です。 たとえば，水色→白を考えてみます。 適当は幅の，（想定する範囲で）縦にじゅうぶん長い画像で，水色→白のグラデーション画像を作成します。これを，「back.gif」としましょう。 head 部に，style 要素で次の記述を加えてください。 <style type="text/css"> body { background: #FFF url(back.gif) top left repeat-x; } </style> ここで，背景画像が短くても見苦しくならないように，背景色は白にしておきます。 以上，お試しください。
- mameusa
- ベストアンサー率50% (87/174)
スタイルシートのフィルタを使えばできますが、 ＩＥ限定なので、他のブラウザ（NN、Opera）では反映されません。 （MacIEは確認していないので不明） まったく意図しない見え方になる場合もありますので、そういう壁紙を作られるか、フリー素材からＤＬしてくることがお勧めです。 一応 <body style="filter:progid:DXImageTransform.Microsoft.Gradient(gradientType='0',startColorstr='#ccff66',endColorstr='#ffffff');"> でできます。 gradientType='0' ←縦方向 横方向は'1'
お礼
回答どうもありがとうございます。 やってみましたが、おっしゃるとおり、「まったく意図しない見え方」（ピンクのグラデーションにしようかと思ったら、青一色）になりました。どうも作った方がよさそうですね。
関連するQ&A
- 日時によって変化する背景
webページの際、通常背景の色や画像を表すとき、bodyタグのbgcolorやbackgroundで表しますが、これを時間ごとや日ごと、月ごとといった節目ごとに切り替えるようにしたいのですが、そういう手法はどうすればいいのでしょうか？ javascriptですると思うのですが、javascriptのことはよく判りませんので、どなたか教えてください。 webページということで、カテゴリーをHTMLにしました。 回答、よろしくお願いします。
- ベストアンサー
- HTML
- グラデーション背景と画像固定背景
こんにちは。 ホームページ作成初心者の者なのですが、ページの背景をグラデーション背景の上に固定した画像背景を乗っけようと考えているのですが、グラデーション背景のタグを入れると画像背景のタグが無効になってしまいます。この二つを同時に有効にする事は不可能なのでしょうか。 ちなみにタグは <HEAD> <STYLE> <!--BODY { background-image : url(back2.gif) ; background-repeat : no-repeat ; background-position : 90% 90% ; background-attachment : fixed ;} --> </STYLE> <STYLE> <!-- body{ filter:progid:DXImageTransform.Microsoft.Gradient (startcolorstr='#68b4ff',endcolorstr='#ffffff',gradienttype='1') } --> </STYLE> （省略） </HEAD>
- ベストアンサー
- ホームページ作成ソフト
- 背景にグラデーション、外枠に影をつけたい
http://www.musclemusical.com/ ドリームウィーバーでこちらのサイトのように、 背景はグラデーション、更に外枠テーブルの左右と下に影をつけたいと思っています。 調べていたところグラデの背景は、 cssスタイルのbodyでバックグラウンドで指定するということで、 やってみたら成功したのですが、 ネットで外枠の影のつくりかたを調べたところ、それもbodyタグを使うとなっていました。 両方bodyタグのbackgroundで指定できるのでしょうか？ どちらかしか使えないようなのですが.... CSS等ははじめてでさっぱり分かりません。 言っている事が意味不明かもしれませんが、 背景と外枠の影と両方どう実現すればいいか教えていただけると嬉しいです。 宜しくお願い致します。
- 締切済み
- HTML
- 携帯サイトの背景色
携帯サイトの背景に、メニューごとに色がつけられていたりするものをよく見かけます。girl's walkerでは、かなり前から使われていました。 <body bgcolor="#ffffff" text="#000000">では、1色しか指定できませんし、<table>タグを使ってみても、表示されません。 <div style="backgroud-color:ff9900">文字</div>を使用する、XHTMLの設定にする、MIMEタイプを・・・・など、いろいろと調べ、試みてみましたが、ダメでした。HTMLは理解できますが、XHTMLは全然わかっていません。また、3キャリアで見られるようにしたいのですが、どのようなタグ、または記述をすればいいのでしょうか。教えてください。
- 締切済み
- その他([技術者向] コンピューター)
- ●HTMLで書いた背景の色が出ない
WindowsXPを使ってホームページを作って居ますが、 HTMLで書いた背景の色が出ないのですが、何か間違って居るのでしょうか教えてください ↓ ＜body＞ ＜BODY BGCOLOR="#000000"TEXT="#FFFF00"＞ ＜＞は英数小文字で書いて居ます
- ベストアンサー
- その他（インターネット・Webサービス）
- グラデーション背景にしたい
こんにちは。 ホームページ作成初心者の者なのですが、 ページの背景をグラデーション背景にするために スタイルシートで以下のようにしてみました。 しかしグラデーション背景になりません。 どこがおかしいのでしょうか？ －－－－－－－－－－ ・ ・ ・ <title></title> <STYLE> <!-- body{ filter:progid:DXImageTransform.Microsoft.Gradient (startcolorstr='#68b4ff',endcolorstr='#ffffff',gradienttype='1') ; } --> </STYLE> </head> <body>
- ベストアンサー
- HTML
- プログの色を変えたいのですがいろいろやっても変わりません。
すみませんよろしくお願いします。ヤフープログをしているのですが背景の色を変えたいと思っております。HTMLタグで＜body bgcolor="008000"> kotoba </body>と入れましたが背景は変わりません、サイトで調べても同じように書かれています。どうすれば、プログの記事の色を変える事ができるのですか？
- 締切済み
- HTML
- 携帯からサイトの背景色。
簡単なホームページを作っています。 <body bgcolor="#FFA500"> で背景色を指定し、PCでは背景色がオレンジになっているのを確認できましたが、携帯では背景色が白のままです。 携帯にはなにかほかのタグなどが必要なのでしょうか？？
- フレームの背景について
只今ホームページを作成中で、４分割のフレーム(上下に３つ・真ん中が２つに分かれているもの)にしようと思っています。 上下の２つの背景色は#00060にし、真ん中の２つのうち１つは壁紙を使用するつもりです。 しかし、それぞれのページごとに(フレームを使用しないで)表示する場合は上手くいくのですが、フレームにして表示すると背景色が表示されません。 フレームを使用する場合はただ<BODY bgcolor="#000060"></BODY>のタグを使うだけではだめなのでしょうか？ 説明が下手で申し訳ないのですが、アドバイスの方よろしくお願いします。
- 締切済み
- HTML
- 携帯向けHTMLメールで背景色をつけるには？
携帯向けHTMLメールをPHPで送信しています。 部分的に、背景をつけたいのですができないのでしょうか？できる方法がありましたらお教えください。 試してみたこと （１） <table bgcolor="#F9D3E4"><tr><td><marquee>****</marquee></td></td></table> （２） <marquee bgcolor="#F9D3E4">****</marquee> （３） <table><tr><td bgcolor="#F9D3E4"><marquee>****</marquee></td></td></table> 要望としてはマーキーに背景色がつけばOKです。 かなり試したり調べたりしたのですが、どうも携帯（FOMA）では背景がつきません。 ちなみにbodyタグの背景は簡単に確認できました。 よい方法がありましたらお願いいたします。
お礼
回答どうもありがとうございます。なんかやっぱり、だめです、うまく行きません。うーん、素材集から借りてこようかな、やっぱり。