注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

断尘居

温柔的男人像海洋。

 
 
 
 
 

日志

 
 

用代码生成文章分割线  

2008-07-15 14:08:40|  分类: 『博客代码』 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

一、样式与代码  

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



 

二、使用方法:

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

 

三、使用要点:

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

2、size 表示厚度。

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

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

5、color 表示颜色。 

  评论这张
 
阅读(1089)| 评论(1)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017