分享

代码生成的分割线

 zzcl知足常乐 2011-08-25

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

代码生成的分割线

基本分割线效果:

 


 

代码:

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

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

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

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

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

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多