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

倾颜戏羽

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

 
 
 

日志

 
 

CSS特效分割线  

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

  下载LOFTER 我的照片书  |

CSS特效分割线 - 倾颜戏羽 - 倾颜戏羽

CSS特效分割线

分隔线的用法其实很简单且可以多变,在编辑模式中,打开右上角的“全部功能找到“—”并点击,就会产生一条分隔线,用滑鼠标对准产生的分隔线并点击,直到分隔线出现四周出现许多小白点方格,这时可以用鼠标左键点准并摁住其中一个小白格上下拖动调整大小,而颜色可以利用文字色彩常用的“ A”符号改变。

效果:


代码:
<HR style="WIDTH: 584px; HEIGHT: 5px" color=#ff00ff SIZE=5 align=center>

其中,WIDTH: 584px表示分隔线的宽度(长度);HEIGHT: 5px表示高度(厚度)

1.效果:


1.代码:

<HR style="BORDER-RIGHT: 3px dotted; BORDER-TOP: 3px dotted; BORDER-LEFT: 3px dotted; BORDER-BOTTOM: 3px dotted" color=#OOFFFF width=600 align=center>

2.效果:


2.代码:

<HR style="BORDER-RIGHT: #ffff00 2px dashed; BORDER-TOP: #ffff00 2px dashed; BORDER-LEFT: #ffff00 2px dashed; WIDTH: 590px; BORDER-BOTTOM: #ffff00 2px dashed; HEIGHT: 7px" color=#ff0000 align=center> 

3.效果:


3.代码:

 <HR style="BORDER-RIGHT: 1px dashed; BORDER-TOP: 1px dashed; BORDER-LEFT: 1px dashed; WIDTH: 590px; BORDER-BOTTOM: 1px dashed" color=#00ffff SIZE=3 align=center>

4.效果:


4.代码:

 <HR style="BORDER-RIGHT: 3px dashed; BORDER-TOP: 3px dashed; BORDER-LEFT: 3px dashed; WIDTH: 590px; BORDER-BOTTOM: 3px dashed" align=center color=#00ff00 SIZE=3>

5.效果:


5.代码:

<HR style="BORDER-RIGHT: 2px groove; BORDER-TOP: 2px groove; BORDER-LEFT: 2px groove; WIDTH: 590px; BORDER-BOTTOM: 2px groove; HEIGHT: 7px" color=#ff00ff align=center> 

6.效果:


6.代码:

<HR style="BORDER-RIGHT: 2px groove; BORDER-TOP: 2px groove; BORDER-LEFT: 2px groove; WIDTH: 590px; BORDER-BOTTOM: 2px groove; HEIGHT: 8px" align=center> 

7.效果:


7.代码:

<HR style="FILTER: alpha(opacity=5,finishopacity=100,style=1,startX=0,startY=0,finishX=100,finishY=100); HEIGHT: 10px" width=590 color=#ff0000 align=center>

8.效果:


8.代码:

<HR style="FILTER: alpha(opacity=5,finishopacity=100,style=2,startX=0,startY=0,finishX=100,finishY=100); HEIGHT: 10px" width=590 color=#ff0000 align=center>

11.效果:


11.代码:

<HR style="FILTER: Alpha(opacity='130',style='3'); HEIGHT: 10px" width=590 color=#0000ff SIZE=10 align=center>

『快乐互动,精彩你我;创造喜悦,分享快乐!』

倾颜戏羽声明:引用请勿去掉与本文的链接,未经许可请不要随意篡改;转载须注明本文出处。

CSS特效分割线 - 倾颜戏羽 - 倾颜戏羽

CSS特效分割线 - 倾颜戏羽 - 倾颜戏羽

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

历史上的今天

评论

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

页脚

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