256474

ホーム | 日記 | プロフィール

【フォローする】【ログイン】

七鍵＠楽天

コメント新着

うしまる＠ @ Re:タグを覚えよう【第１５回目】　-　中央寄せ表示の際の小技(08/21) タグの検索でぐぐってたらコチラに辿り着…

k.kyouka @ すきやき占い『しいたけ』の重要度27% 『しいたけ』…

なな@ Re:迷っています(11/01) レオ　がいいですよ☆★

マロン@ かわいいキュート

ｆｏｏｌｉｓｈ☆ｆｏｏ @ Re[1]:お久しぶりです。(07/15) ＞実演を踏まえてテストをしておりました…

バックナンバー

Oct , 2026
Sep , 2026

Aug , 2026

フリーページ

HTMLタグに挑戦

< 新しい記事

新着記事一覧(全310件)

過去の記事 >

Mar 12, 2005

テーブルでこんなことまでできちゃいます

(9)

カテゴリ：タグ教室

表示結果）

今日はいろいろな

テーブルへの効果を

紹介しましょう

(〃⌒▽⌒)

ただしどれもIE専用(´･ω･`)

記述例）
<table style="filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=#ccccff,endcolorstr=#ffffff,gradienttype=1);width:300px;"><tr><td style="padding:10px;">今日はいろいろな</td></tr></table>

<table style="filter:progid:DXImageTransform.Microsoft.dropshadow(color=#ccccff,positive=true,offx=20px,offy=20px);width:300px;"><tr><td style="background:#ffffff;padding:10px;">テーブルへの効果を</td></tr></table>

<table style="filter:progid:DXImageTransform.Microsoft.dropshadow(color=#ccccff,positive=false,offx=20px,offy=20px);width:300px;"><tr><td style="background:#ffffff;padding:10px;">紹介しましょう</td></tr></table>

<table style="filter:progid:DXImageTransform.Microsoft.Engrave();width:300px;"><tr><td style="padding:10px;background:#666666;">(〃⌒▽⌒)</td></tr></table>

<table style="filter:progid:DXImageTransform.Microsoft.glow(color=red,strength=10);width:300px;"><tr><td bgcolor="#fffcfc" style="padding:10px;">ただしどれもIE専用(´･ω･`)</td></tr></table>

なんとも投げやりな説明…。

お気に入りの記事を「いいね！」で応援しよう

最終更新日 Mar 12, 2005 04:57:01 AM
コメント(9) | コメントを書く

[タグ教室] カテゴリの最新記事

■コメント

素敵！

ｆｏｏｌｉｓｈ☆ｆｏｏさん

わぁ～～、、　どれもイイですね。
絶対＆断然、使います！(^^)

＞なんとも投げやりな説明…。

あはは♪　シンプル・イズ・ベスト！　ですね。
早速、、　コピペ、コピペ～♪ (Mar 12, 2005 10:19:07 AM)

返事を書く

Re:テーブルでこんなことまでできちゃいます(03/12)

もとsun さん

(*'▽'*)わぁ♪
この一番上のカラーをグラデーションにする方法って、どこのタグまででしょうか？
グラデーションカラーを使ってみたいのですが・・・。
字でも背景でも＾＾
(Mar 12, 2005 10:31:29 PM)

返事を書く

Re:素敵！(03/12)

＃七鍵さん

ｆｏｏｌｉｓｈ☆ｆｏｏさん

いらっしゃいませ(〃⌒▽⌒)

ちょっとしたワンポイントに使えると思います。
ただ、IE限定となっていて、他のブラウザで見てくれる方には
ただの四角が表示されるだけです(´･ω･`)
なので万人に同じように…となると画像で再現するしか無いのですが
IE のシェアを考えると気にせず使っても良いでしょうね(￣▽￣人)

(Mar 13, 2005 01:42:10 AM)

返事を書く

Re[1]:テーブルでこんなことまでできちゃいます(03/12)

＃七鍵さん

もとsunさん

一番上は

<table style="filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=#ccccff，endcolorstr=#ffffff，gradienttype=1);width:300px;"><tr><td style="padding:10px;">今日はいろいろな</td></tr></table>

です(〃⌒▽⌒)
ちなみに

startcolorstr=#ccccff：始まりの色
endcolorstr=#ffffff：終わりの色
gradienttype=1：1ならば横方向、0ならば縦方向

でグラデーションになりますよ(〃⌒▽⌒)

(Mar 13, 2005 01:43:39 AM)

返事を書く

Re:テーブルでこんなことまでできちゃいます(03/12)

な～～るさん

おうっ！凄い！テーブルタグなのに、こんなグラデーションができるなんて・・
すばらちぃ～～～！
後でゆっくり研究させてもらいますね(^^;)ゞ (Mar 13, 2005 02:11:00 AM)

返事を書く

Re[1]:テーブルでこんなことまでできちゃいます(03/12)

＃七鍵さん

な～～るさん

いらっしゃいませ(〃⌒▽⌒)

そうなんですよ。
http://plaza.rakuten.co.jp/hacdic/diary/200408100000/
の下の方で紹介しました技。
実は画像以外にも使えます（笑
くどいようですがIE 専用なのでおおっぴらに使うのは抵抗がありますが、
ちょっとしたワンポイントにどうぞ(￣▽￣人)

(Mar 13, 2005 07:19:29 PM)

返事を書く

Re[2]:テーブルでこんなことまでできちゃいます(03/12)

もとsun さん

＃七鍵さん
＞もとsunさん
＞
＞一番上は
＞
＞<table style="filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=#ccccff，endcolorstr=#ffffff，gradienttype=1);width:300px;"><tr><td style="padding:10px;">今日はいろいろな</td></tr></table>
＞
＞です(〃⌒▽⌒)
＞ちなみに
＞
＞startcolorstr=#ccccff：始まりの色
＞endcolorstr=#ffffff：終わりの色
＞gradienttype=1：1ならば横方向、0ならば縦方向
＞
＞でグラデーションになりますよ(〃⌒▽⌒)
-----
ありがとうございます！
さっそくｺﾋﾟらせて頂きます！
嬉しいなぁ！ (Mar 13, 2005 10:07:04 PM)

返事を書く

Re[3]:テーブルでこんなことまでできちゃいます(03/12)

もとsun さん

＞＃七鍵さん
＞＞もとsunさん
＞＞
＞＞一番上は
＞＞
＞＞<table style="filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=#ccccff，endcolorstr=#ffffff，gradienttype=1);width:300px;"><tr><td style="padding:10px;">今日はいろいろな</td></tr></table>
＞＞
＞＞です(〃⌒▽⌒)
＞＞ちなみに
＞＞
＞＞startcolorstr=#ccccff：始まりの色
＞＞endcolorstr=#ffffff：終わりの色
＞＞gradienttype=1：1ならば横方向、0ならば縦方向
＞＞
＞＞でグラデーションになりますよ(〃⌒▽⌒)
＞-----
＞ありがとうございます！
＞さっそくｺﾋﾟらせて頂きます！
＞嬉しいなぁ！
-----
さっそくページで試してみたのですが、どうもカラーの選び方がわかってないようで、うまく行きません。
ページの欄の「カラーがグラデーションになる」というタイトルで試してみたのですが、1色しかでません。
これはグラデーションにする時のカラーの選び方のせいでしょうか？ (Mar 13, 2005 10:23:00 PM)

返事を書く

Re[4]:テーブルでこんなことまでできちゃいます(03/12)

＃七鍵さん

もとsunさん

ごめんなさい(´･ω･`)

返信する際に、「，」が全角になっていました。
多分これをそのままコピペされたのが原因だと思います。
ソースの「，」を半角に直してみてくださいm（_ _）m

(Mar 13, 2005 11:21:33 PM)

返事を書く