分享

用代码生成文章分割线

 旷野小麦 2008-05-13
2006-09-21 16:27:27
  在前面的文章里,我曾介绍过用线条图来装饰文章的方法。用线条图做文章的分割线,即要找线条图片上传,又要进行图片链接,一些网友觉得有点麻烦。今天,我给大家介绍几种用代码生成文章分割线的方法。
 
 查看更多精彩图片
 
一、实例与代码  
 
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 表示颜色。

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多