网页中分割线代码的使用

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

 

---

 

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

 

---

 

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

 

---

 

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

 

---

 

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

 

---

 

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

 

---

 

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

 

---

 

8、用图片做分割线效果：

代码：<style> .line{background:url("分割线地址") no-repeat center;}</style>

 

 

 

二、怎样使用文章分割线代码
在发表文章时，在需要添加分割线的时候，点击发表框左下的“代码”按钮，把选好的文章分割线代码粘贴在原有的代码后面，然后点击“设计”按钮，回到书写文章界面，继续书写文章。如果在一篇文章里需要添加多条文章分割线，那么，可以重复以上操作。
三、用代码生成文章分割线代码参数有些可以更改，要点如下：
A、代码中的 width 表示线条长度值，也能用百分比表示。
B、size 表示厚度。
C、align 规定线条位置，有left、right、center。
D、noshade 表示是否有立体效果。
E、color 表示颜色，要改变文章分割线的颜色，可以参考网页颜色代码表等。

F、用图片做分割线按照插入图片的方法进行操作也是一样的。