HTML におけるいくつかの特別な分割線効果

この記事では主に HTML でのいくつかの特殊な分割線効果を紹介します。必要な友達に参考にしてください。

HTML の分割線の特殊効果です。友達がそれを参照できる必要があります。

1. 基本的な線

2. 特殊効果 (効果は分離されておらず、相互に組み合わせることができます)1. 両端のグラデーション透明度:

2.紡錘形:

<HR style="FILTER: alpha(opacity=100,finishopacity=0,style=3)" width="80%" color=#987cb9 SIZE=3>

3. 右のグラデーションが透明:

<HR style="FILTER: alpha(opacity=100,finishopacity=0,style=2)" width="80%" color=#987cb9 SIZE=10>

4. 左のグラデーションが透明:

<HR style="FILTER: alpha(opacity=100,finishopacity=0,style=1)" width="80%" color=#987cb9 SIZE=3>

5.

6.二重線:

<HR style="FILTER: alpha(opacity=0,finishopacity=100,style=1)" width="80%" color=#987cb9 SIZE=3>

7、立体効果:

<HR style="border:1 dashed #987cb9" width="80%" color=#987cb9 SIZE=1>

8、スチールニードルエフェクト:

<HR style="border:3 double #987cb9" width="80%" color=#987cb9 SIZE=3>

９。垂直分割線

<HR style="FILTER: progid:DXImageTransform.Microsoft.Shadow(color:#987cb9,direction:145,strength:15)" width="80%" color=#987cb9 SIZE=1>

<HR style="FILTER: progid:DXImageTransform.Microsoft.Glow(color=#987cb9,strength=10)" width="80%" color=#987cb9 SIZE=1>

線の位置を揃えます (オプションで左、右、中央) サイズ、色、太さ;

以上がHTML におけるいくつかの特別な分割線効果の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。