在前面的文章里，我曾介绍过用线条图来装饰文章的方法。用线条图做文章的分割线，即要找线条图片上传，又要进行图片链接，一些网友觉得有点麻烦。今天，我给大家介绍几种用代码生成文章分割线的方法。

 

 

 

一、实例与代码　　

 

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)">

 

 

---

 

 

 

二、怎样使用文章分割线代码

 

        在发表文章时，在需要添加分割线的时候，在文章发表框左下勾选“显示源代码”，把选好的文章分割线代码粘贴在原有的代码后面，然后去掉“显示源代码”前小方框内的“小勾”，回到书写文章界面，继续书写文章。如果在一篇文章里需要添加多条文章分割线，那么，可以重复以上操作。

 

 

三、用代码生成文章分割线代码参数有些可以更改，要点如下：

 

A、代码中的 width 表示线条长度值，取值范围为400--500，也能用百分比表示。

B、size 表示厚度。

C、align 规定线条位置，有left、right、center。

D、noshade 表示是否有立体效果。

E、color 表示颜色。