背景をグラデーションする２

100万ポイント山分け！1日5回検索で1ポイントもらえる

000000

HOME | DIARY | PROFILE

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

背景をグラデーションする２

ｩ 背景をタテにグラデーション ｩ

タテの場合は
『filter:alpha(opacity=100,finishopacity=30,style=1,startx=100,finishy=10);』
をつかいます♪

<table cellspacing="0" cellpadding="5" width="190" height="80" style="border:1px solid #枠の色;background-color:#背景色;filter:alpha(opacity=100,finishopacity=30,style=1,startx=100,finishy=10);"><tr><td>ここに文章</td></tr></table>

前回のパターンに
『startx=100』『finishy=10』
が追加されました。

『startx=100』ですが、
タテのグラデーションのときは、
この数字は「100」のままにしておきます。

『finishy=10』は
タテのグラデーションの度合いを設定します。
（数字は49まで設定できます

）

【『finishy=49』の場合】
こんなにはっきりしちゃいます

【『opacity=50』の場合】

<table cellspacing="0" cellpadding="5" width="190" height="80" style="border:1px solid #枠の色;background-color:#背景色;filter:alpha(opacity=50,finishopacity=30,style=1,startx=100,finishy=10);"><tr><td>ここに文章</td></tr></table>

全体が薄くなりました

【『td』にも設定できます】

<table cellspacing="0" cellpadding="5" width="190" height="80" style="border:1px solid #枠の色;"><tr><td width="100%" height="30%" style="background-color:#背景色;filter:alpha(opacity=100,finishopacity=30,style=1,startx=100,finishy=10);">ここに文章</td></tr><tr><td width="100%" height="70%">ここに文章</td></tr></table>

template- yamato

ジャンル別一覧