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

大江潮涌,浪遏飞舟

博圈有无尽的精神财富,博友有不竭的知识正能量,来友必回访,原创必学习!

 
 
 

日志

 
 

给文章添加分割线^_^  

2012-12-18 20:57:54|  分类: 网易博客制作 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

文章中合理运用分割线,可使主题清晰、段落明了。样式如下:

1.   基本样式代码:
<hr width=300 size=1 color=#5151A2 align=center noshade>


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



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


4. 虚线代码:
<hr width=80% size=1 color=#5151A2 style="border:1 dashed #5151A2">


5. 双线代码:
<hr width=80% size=3 color=#5151A2 style="border:3 double green">


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


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


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

 


注:其中 width 为线条的长度;color为颜色,size为厚度; align为线条位置,有left、right、center值;noshade 为有否立体效果。

 

谢谢 - 大江飞舟博客

                                                       谢谢 - 大江飞舟博客

 

 谢谢 - 大江飞舟博客

  评论这张
 
阅读(50)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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