グラデーションフィルター(Gradient)を使う。
| サンプル |
| <div style="filter:progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#3366ff, EndColorStr=#ccffff, GradientType=1); width:100%; height:100px"> これがグラデーション</div> |
| 「#3366ff」「#ccffff」にそれぞれはじめの色と終わりの色を指定してください。 色のサンプルはこちらにあります。１６進数 「 gradientType=1」は数字を0か1に指定するとグラデーションが変わります。 上が1で下のサンプルが0になります。 「width」属性を忘れずに指定してください。 さらに色を8桁にしてやると背景を透過することが出来ます。 IE5.5以上です。 ページ全体に反映させたいときは 「<BODY STYLE="filter:progid:DXImageTransform.Microsoft.Gradient・・・・」 と<BODY>に指定してやって下さい。width属性は必要ありません。 |
サンプルを利用したら、http://www.act2cool.com/html/へリンクしていただければ嬉しいです。
バナーはこちらにあります。
検索サイトから直接このページに来られた方はこちらがトップです。