Blog[几种分割线的代码]

[陶子]

一般很多朋友都是用长条行的图片来当分割线，而用图片的话要不就是要上传，要不就是要做链接，链接有时候还影响页面打开的速度，所以我给大家介绍几种用代码生成的分割线！

用简单的"hr"语句就能实现多样化的分割效果：

最基本的：<hr width=300 size=1 color=#5151A2 align=center
noshade>

--------------------------------------------------------------------------------

其中 width
规定线条的长度，还可以是百分比；color
表示颜色，size 表示厚度；
align 规定线条位置，有left、right、center；noshade
表示是否有立体效果。

两头渐变透明：
<hr width=80% size=3 color=#5151A2 style="FILTER:
alpha(opacity=100,finishopacity=0,style=3)">

--------------------------------------------------------------------------------

右边渐变透明：
<hr width=80% size=3 color=#5151A2 style="FILTER:
alpha(opacity=100,finishopacity=0,style=1)">

--------------------------------------------------------------------------------

画虚线：
<hr width=80% size=1 color=#5151A2 style="border:1 dashed #5151A2">

--------------------------------------------------------------------------------

画双线：
<hr width=80% size=3 color=#5151A2 style="border:3 double green">

--------------------------------------------------------------------------------

立体效果：
<hr width=80% size=3 color=#5151A2
style="filter:progid:DXImageTransform.Microsoft.Shadow(color#5151A2,direction:145,strength:15)">

--------------------------------------------------------------------------------

纺棰形：
<hr width=80% size=30 color=#5151A2
style="filter:alpha(opacity=100,finishopacity=0,style=2)">

--------------------------------------------------------------------------------

钢针效果：
<hr width=80% size=3
color=#5151A2 style="filter:progid:DXImageTransform.Microsoft.Glow(color=#5151A2,strength=10)">