• ベストアンサー

テーブルの中のグラデーションの作り方

背景のグラデーションではなくて、テーブルの中をグラデーションに することはできますか?

noname#57880
noname#57880
  • HTML
  • 回答数3
  • ありがとう数3

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

  • ベストアンサー
  • torayoshi
  • ベストアンサー率62% (910/1449)
回答No.3

<!横> <table border="0" height="300" width="300" style="filter: progid:DXImageTransform.Microsoft.Gradient (gradientType=1,startColorStr=#99ff99,endColorStr=#ffff00);"> <tr><td> </td></tr> </table><br> <!縦> <table border="0" height="300" width="300" style="filter: progid:DXImageTransform.Microsoft.Gradient (gradientType=0,startColorStr=#99ff99,endColorStr=#ffff00);"> <tr><td> </td></tr> </table><br> <!セル縦> <table border="0"> <tr> <td height="150" width="300" style="filter: progid:DXImageTransform.Microsoft.Gradient (gradientType=0,startColorStr=#99ff99,endColorStr=#ffff00);"> </td></tr> <!セル横> <tr><td height="150" width="300" style="filter: progid:DXImageTransform.Microsoft.Gradient (gradientType=1,startColorStr=#99ff99,endColorStr=#ffff00);"></td></tr> </table> <!ここまで> startColorStr=(開始の色) endColorStr=(終わりの色)

noname#57880
質問者

お礼

ありがとうございました。 大変助かりました。

その他の回答 (2)

  • torayoshi
  • ベストアンサー率62% (910/1449)
回答No.2

テーブル全体、セル単位それぞれにグラデーションは掛けられますが、 でもグラデーションってIE専用って知ってました?

noname#57880
質問者

お礼

回答ありがとうございます。 >グラデーションってIE専用って知ってました? それでもいいです。IE使っている人が大半のようですし。 そのグラデーションのやり方教えてください。

回答No.1

テーブルの中の何をグラデーションにするんですか?

noname#57880
質問者

お礼

ありがとうございました。

noname#57880
質問者

補足

そうです。やり方がわからないので、質問したんですが・・

関連するQ&A

  • Opera等でもグラデーションを利用できるよに

    お世話になります。 テーブルの背景にグラデーションを利用したいのです。 IEであればスタイルシートで filter: progid:DXImageTransform.Microsoft.gradient (startcolorstr=#FFFFD9, endcolorstr=#FFFF99, gradienttype=0); のように記述すればよいと思うのですが、Opera等ではそれができません。 なので、テーブルの背景にグラデーション画像を用意しようと思ったのですが、 グラデーションは縦に色が変わっていきたいのです。 横に変わっていくのであれば、横幅は固定なので その画像が繰り返し表示されれば問題ないと思うのですが。 縦のグラデーションでかつテーブルの高さは可変です。 画像よりテーブルが大きくなってしまった場合には、繰り返されてしまいます。 テーブル枠にあわせて、背景の画像の大きさも替えることはできないでしょうか? よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • Gimpでのグラデーションの使い方について

    Gimpというソフトでの グラデーションの使い方がよくわかりません。 円を描きます。 そして、円の中をグラデーションで塗りたかったらどうすればよいのでしょうか? グラデーションで塗ろうとすると、 背景がグラデーションされます。 円の中だけをグラデーションしたいです。 いろいろな形の内側だけをグラデーションするにはどうすればよいか教えてください。

  • グラデーションの角丸テーブルの作り方

    角丸テーブル下部グラデーションの作り方が分からないので 具体的に教えていただきたいです。 ここの丸角テーブル(http://game.nifty.com/free_top.htm)です。 よろしくお願いします。

    • ベストアンサー
    • CSS
  • テーブルの中の背景画像

    windowsでHTMLを制作しています。 テーブルの中にテーブルを入れてレイアウトしているのですが、 大きいほうのテーブルに背景画像を指定、 中に入れた小さいテーブルには下の背景をそのまま反映させたいと思います。 IEでは問題なく表示されますが、ネスケで見ると、 小さいテーブルにもダブって背景画像が出てきてしまいます。 解消するタグはあるのでしょうか。

    • ベストアンサー
    • HTML
  • photoshopで、背景にグラデーションがぬれない

    ドラッグアンドドロップで、背景にグラデーションを塗ろうとすると無反応でなにも起きてくれません。レイヤーを追加するとグラデーションを塗ることができます。背景に直接グラデーションを塗るにはどうしたらよいのでしょうか。何か設定の変更が必要ですか?

  • テーブルの背景を透けさせたい!(でも中の文字は透けて欲しくない)

    テーブルの背景を透けさせたくて… 『style="filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50)"』 ↑こんなのをTABLEタグの中に入れました。 そしたら、テーブル自体は思い通りになってくれたのですが、その中の文字まで透けて(薄くなって)しまって、なんだか字が読みづらい感じです。 テーブルの中の字は普通のままで、背景色だけが透けて見えるようにする方法があれば教えてくださいー 宜しくお願いいたします!!m(_ _)m

    • ベストアンサー
    • CSS
  • CSSで背景にグラデーション

    お世話になります。 CSSを用いて背景にグラデーションをかけようと苦心しています。 filter:alpha(opacity=100, finishopacity=0, style=1); で、グラデーションはかかるのですが、 そのタグ内の文字までグラデーションがかかってしまいます。 また、この方法ですと、Firefoxでは、グラデーションがかかりません。 Yahooのページ http://www.yahoo.co.jp/ では、背景画像を使わないでグラデーションをかけていると思うのですが、どのようにすればこのようなことができるのでしょうか。 よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • エクセル、ワードでグラデーションを使うには?

    今ホームページを作っていて、 メニュー部分で文字の背景にグラデーションを使おうと思っています。 (この場合のグラデーションとは、色が徐々に変わっていって融合するようなものです) で、エクセルやワードでグラデーション機能を調べてみたんですが、 ワードには「文書の背景全体のグラデーション」という機能はあったんですが、それだとメニューの数文字だけに使うグラデーションとしては無理です。 エクセルにも見当たりません。 どうすればいいんですか?

  • グラデーション背景にしたい

    こんにちは。 ホームページ作成初心者の者なのですが、 ページの背景をグラデーション背景にするために スタイルシートで以下のようにしてみました。 しかしグラデーション背景になりません。 どこがおかしいのでしょうか? ---------- ・ ・ ・ <title></title> <STYLE> <!-- body{ filter:progid:DXImageTransform.Microsoft.Gradient (startcolorstr='#68b4ff',endcolorstr='#ffffff',gradienttype='1') ; } --> </STYLE> </head> <body>

    • ベストアンサー
    • HTML
  • ドットのグラデーションの作り方を教えてください。

    ドットのグラデーションの作り方を教えてください。 グラフィックの背景やロゴなどで、色付きのドットが小さいのから大きいのに変化して最後がその色のベタ塗りになるグラデーションのパターンをよく見るのですが、どうやって作っているんでしょうか? イラレかフォトショだと思うんですが、教えていただけると助かります。

専門家に質問してみよう