フィルタのかかった線

シャドウのついた線

フィルタのかかった水平線です。FILTERは Internet Explorerのみが対応しています

1.

１のソースは下記のようになります。自分のホームページの表示したいところにコピーして下さい。



１のソース 下記のソースをコピーして使用して下さい
<hr width="400" color="#993366" style="filter:alpha(opacity=100,finishopacity=0,style=1);">

opacity=	スタート地点の不透明度 1〜100の数字を入れます。
finishopacity=	終了地点の不透明度 1〜100の数字を入れます。
style=	フィルターの種類 0:　単一色 1:　線状のグラデーション 2:　放射状のグラデーション 3:　長方形のグラデーション

1a.
1b.

上の二つの水平線を比べてみてください。
同じ物ですが、1aはopacity=100, 1bはopacity=50,にしました。このようにスタート地点の不透明度が変わります。

2．

２のソース 下記のソースをコピーして使用して下さい
<hr width="400" color="#993366" style="filter:alpha(opacity=0,finishopacity=100,style=1);">

3．

３のソース 下記のソースをコピーして使用して下さい
<hr width="400" SIZE="3" color="#993366" style="filter:alpha(opacity=100,finishopacity=0,style=3);">

3a.

３の水平線のstyle=３（長方形のグラデーション）をstyle=2（放射状のグラデーション）に変えると3aのようになります。見比べて下さい。終了地点に行くほど微妙に違うのがわかりますね。



テーブルを点線枠に CSSボーダースタイル CSSボーダースタイル CSSボーダー CSSテーブル


●当サイトのソースは、IE6.0＋のみ動作確認をしております。 それ以外のブラウザ、特にネットスケープでは正しく作動しない場合がございます。ご了承下さい。


★skip ページtop