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

格林浪人 博客

一杯清茶常伴着我的孤寂,抚慰着一颗沉思的心!

 
 
 

日志

 
 

使用HR标签实现横线竖线及其渐变效果  

2011-02-27 17:53:59|  分类: 代码教程 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

使用HR标签实现横线、竖线及其渐变效果
格林浪人 编写
 


代码:↓

<HR style="BORDER-RIGHT: red 1px dashed; BORDER-TOP: red 1px dashed; LEFT: 100px; BORDER-LEFT: red 1px dashed; WIDTH: 1px; BORDER-BOTTOM: red 1px dashed; TOP: 100px; HEIGHT: 199px">


代码:↓

<HR style="BORDER-RIGHT: lime 1px dashed; BORDER-TOP: lime 1px dashed; LEFT: 150px; BORDER-LEFT: lime 1px dashed; WIDTH: 1px; BORDER-BOTTOM: lime 1px dashed; TOP: 100px; HEIGHT: 199px">


代码:↓

<HR style="BORDER-RIGHT: cyan 1px dashed; BORDER-TOP: cyan 1px dashed; LEFT: 200px; BORDER-LEFT: cyan 1px dashed; WIDTH: 1px; BORDER-BOTTOM: cyan 1px dashed; TOP: 100px; HEIGHT: 199px">


代码:↓

<HR style="BORDER-RIGHT: blue 1px dashed; BORDER-TOP: blue 1px dashed; LEFT: 250px; BORDER-LEFT: blue 1px dashed; WIDTH: 1px; BORDER-BOTTOM: blue 1px dashed; TOP: 100px; HEIGHT: 199px">

 

以上是hr竖线效果↑


格林浪人 博客欢迎您!


以下是hr横线效果↓

 


代码:↓

<HR style="FILTER: alpha(opacity=10,finishopacity=100,style=1,startX=0,startY=0,finishX=100,finishY=100)" color=#000080 SIZE=10>

 

 


代码:↓

<HR style="FILTER: alpha(opacity=10,finishopacity=100,style=1,startX=100,startY=100,finishX=0,finishY=0)" color=#ffccff SIZE=10>


 


代码:↓

<HR style="FILTER: alpha(opacity=0,finishopacity=100,style=2)" color=#0000cc SIZE=10>

 

 


代码:↓

<HR style="FILTER: alpha(opacity=0,finishopacity=100,style=3)" color=#cc0000 SIZE=10>

 

 


代码:↓

<HR style="FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=’1’,startColorstr=’red’,endColorstr=’blue’)" SIZE=10>

 

 

 


代码:↓

<HR style="BORDER-RIGHT: #000000 3px solid; BORDER-TOP: #000000 3px solid; BORDER-LEFT: #000000 3px solid; COLOR: #ffff00; BORDER-BOTTOM: #000000 3px solid; HEIGHT: 10px">

 

 


代码:↓

<HR style="FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=’0’,startColorstr=’#008800’,endColorstr=’#ddffdd’); WIDTH: 100%; HEIGHT: 18px">

 
尊重他人劳动,崇尚网络公德。引用日志请保留原出处字样!
格林浪人 博客
※※ 更多精彩内容,请浏览导航菜单 ※※
博客装饰 博客技巧 音画时尚 格林浪人欢迎您! 经典收藏 MV歌曲 音乐视听
日志边框 时钟日历 美图欣赏 精美图文 诗词书画 生活百科
代码教程 电脑知识 动画集锦 给我留言 图片仓库 精美信息 其它类别
  评论这张
 
阅读(514)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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