芒果变形记2014王晨正:分割线

来源:百度文库 编辑:九乡新闻网 时间:2024/04/28 20:14:02

 

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

  

一、实例与代码:  

 

1、两头渐变透明:


 

代码:

 


 

 

 

 

 

2、右边渐变透明:


 

代码:


 

 

 

 

 

3、画虚线:


 

代码:


 

 

 

 

4、画双线:


 

 代码:


 

 

 

 

5、立体效果:


 

 代码: 


 

 

 

 

6、纺锤形:


 

 代码: 


 

 

 

 

7、钢针效果:


 

 代码:


 

 

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

         在发表文章时,在需要添加分割线的时候,点击发表框左下的“代码”按钮,把选好的文章分割线代码粘贴在原有的代码后面,然后点击“设计”按钮,回到书写文章界面,继续书写文章。如果在一篇文章里需要添加多条文章分割线,那么,可以重复以上操作。

 

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

 

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

B、size 表示厚度。

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

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

E、color 表示颜色。