加载中…
个人资料
四川雅竹
四川雅竹
  • 博客等级:
  • 博客积分:0
  • 博客访问:427,980
  • 关注人气:1,057
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
相关博文
推荐博文
谁看过这篇博文
加载中…
正文 字体大小:

漂亮的文章配图分割线(一)

(2010-08-06 21:58:30)
标签:

分割线

文章配图

边框素材

收藏

杂谈

分类: 音画边框素材类

漂亮的分隔线

 

几种分割线的代码  

2007-05-19 13:26:12 分类: 【免抠素材】  标签: |字号 订阅

我看过很多朋友的博客都喜欢用长方形的细图片来当分割线,我觉得有点麻烦,还要找图片,上传,进行链接什么的,所以我给大家介绍几种用代码生成的分割线!
  
  用简单的“hr”语句就能实现多样化的分割效果:
 
  最基本的:<hr width=300 size=1 color=#5151A2align=center noshade>

  
  其中 width 规定线条的长度,还可以是百分比;color表示颜色,size 表示厚度;
align 规定线条位置,有left、right、center;noshade表示是否有立体效果。
 
  两头渐变透明:
<hr width=80% size=3 color=#5151A2 style="FILTER:alpha(opacity=100,finishopacity=0,style=3)">

 

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


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


  画双线:
<hr width=80% size=3 color=#5151A2 style="border:3 doublegreen">


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


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


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


 

 

 

漂亮的文章配图分割线(一)

漂亮的文章配图分割线(一)

漂亮的文章配图分割线(一)

漂亮的文章配图分割线(一)

漂亮的文章配图分割线(一)

漂亮的文章配图分割线(一)

漂亮的文章配图分割线(一)


漂亮的文章配图分割线(一)

漂亮的文章配图分割线(一)

漂亮的文章配图分割线(一)

漂亮的文章配图分割线(一)

漂亮的文章配图分割线(一)

漂亮的文章配图分割线(一)

漂亮的文章配图分割线(一)

漂亮的文章配图分割线(一)

漂亮的文章配图分割线(一)

漂亮的文章配图分割线(一)

漂亮的文章配图分割线(一)

漂亮的文章配图分割线(一)

漂亮的文章配图分割线(一)

漂亮的文章配图分割线(一)

漂亮的文章配图分割线(一)

漂亮的文章配图分割线(一)

漂亮的文章配图分割线(一)

漂亮的文章配图分割线(一)

漂亮的文章配图分割线(一)

漂亮的文章配图分割线(一)

漂亮的文章配图分割线(一)

漂亮的文章配图分割线(一)

漂亮的文章配图分割线(一)

漂亮的文章配图分割线(一)

漂亮的文章配图分割线(一)

漂亮的文章配图分割线(一)

漂亮的文章配图分割线(一)

漂亮的文章配图分割线(一)

漂亮的文章配图分割线(一)

漂亮的文章配图分割线(一)

漂亮的文章配图分割线(一)

漂亮的文章配图分割线(一)

漂亮的文章配图分割线(一)

漂亮的文章配图分割线(一)

漂亮的文章配图分割线(一)

漂亮的文章配图分割线(一)

漂亮的文章配图分割线(一)

漂亮的文章配图分割线(一)

漂亮的文章配图分割线(一)

漂亮的文章配图分割线(一)

漂亮的文章配图分割线(一)

漂亮的文章配图分割线(一)

漂亮的文章配图分割线(一)

漂亮的文章配图分割线(一)

漂亮的文章配图分割线(一)

漂亮的文章配图分割线(一)

漂亮的文章配图分割线(一)

漂亮的文章配图分割线(一)

漂亮的文章配图分割线(一)

漂亮的文章配图分割线(一)

漂亮的文章配图分割线(一)

漂亮的文章配图分割线(一)

漂亮的文章配图分割线(一)

漂亮的文章配图分割线(一)

漂亮的文章配图分割线(一)

漂亮的文章配图分割线(一)

漂亮的文章配图分割线(一)

漂亮的文章配图分割线(一)

漂亮的文章配图分割线(一)

漂亮的文章配图分割线(一)

漂亮的文章配图分割线(一)

漂亮的文章配图分割线(一)
点击进入:漂亮的文章配图分割线(二) 

          漂亮的文章配图分割线(三) 

          漂亮的文章配图分割线(四)  
叶脉空间:页面分割线

漂亮的【分隔线】汇总

 

0

阅读 评论 收藏 禁止转载 喜欢 打印举报/Report
  • 评论加载中,请稍候...
发评论

    发评论

    以上网友发言只代表其个人观点,不代表新浪网的观点或立场。

      

    新浪BLOG意见反馈留言板 电话:4000520066 提示音后按1键(按当地市话标准计费) 欢迎批评指正

    新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 会员注册 | 产品答疑

    新浪公司 版权所有