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

倾颜戏羽

倾舞人生幻如梦,颜寂萧瑟也枉然。戏影指尖轻拨弄,羽飘九天落凡尘……忘不掉妳。

 
 
 

日志

 
 

代码生成的分割线  

2010-01-27 06:16:34|  分类: ╠◆分割线╣ |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

代码生成的分割线 - 倾颜戏羽 - 倾颜戏羽

代码生成的分割线

基本分割线效果:


代码:

<hr width=500 size=2 color=#FF00CC align=center noshade>

详解:width=500 表示分割线的长度为500,也可以是百分比;color=#FF00CC表示分割线的颜色是绿色,绿色代码是#FF00CCsize=2表示分割线的厚度为2。
align=center表示分割线是居中位置,其中align=left表示居左、align=right表示居右。
noshade 是否有立体效果。

两边透明渐变效果: 


 代码:

<hr width=500 size=3 color=#FF00CC align=center style="FILTER: alpha(opacity=100,finishopacity=0,style=3)">

 右边透明渐变效果:


 代码:

<hr width=500 size=3 color=#FF00CC align=center style="FILTER: alpha(opacity=100,finishopacity=0,style=1)">

 波浪线效果:


 代码:

<hr width=500 size=3 color=#FF00CC style="border:1 dashed #FF00CC">

其中,border:1的数值1可以随意更改,每个数字代表不同的效果

双线效果: 


 代码:

<hr width=500 size=3 color=#FF00CC align=center style="border:3 double FF00CC">

立体阴影效果:


 代码:

<hr width=500 size=5 color=#FF0000 style="filter:progid:DXImageTransform.Microsoft.Shadow(color:#FF00CC,direction:150,strength:15)">

粒子扩散效果:


 代码:

<hr width=500 size=3 color=#FFFF00 style="filter:progid:DXImageTransform.Microsoft.Glow(color=#ffff00,strength=10)">

粒子两边雾化效果:


 代码:

<hr width=500 size=30 color=#FF00FF style="filter:alpha(opacity=150,finishopacity=0,style=2)">

邮票式效果:


代码:

 <hr width=500 size=10 color=#FF00FF style="border:3 dashed #00ffff" bgcolor="#00ffff">

以上代码并不是只有这些效果,仍可以做出许多不同效果,只能靠多动手摸索了

代码生成的分割线 - 倾颜戏羽 - 倾颜戏羽

代码生成的分割线 - 倾颜戏羽 - 倾颜戏羽

  评论这张
 
阅读(138)| 评论(2)
推荐 转载

历史上的今天

评论

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

页脚

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