写日志用的分割线的代码

写日志的时候经常需要分割线的。在这里我想大家介绍几种分割线的代码!

用简单的“hr”语句就能实现多样化的分割效果:

(一)  最基本的: <hr width=300 size=1 color=#FFAEB9 align=center noshade>

效果如下:


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

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

效果如下:右边渐变透明:


(四)     画虚线:
<hr width=80% size=1 style="border:1 dashed #FFAEB9">

效果如下:


(五)     画双线:
<hr width=80% size=3 color=#5151A2 style="border:3 double green">

效果如下:


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

效果如下:


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

效果如下:


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

效果如下:




┋″純潶。 发表于 2007-6-21 18:24:00



  • 标签:博客 技术 
  • 圈子:-≒免费ゞ`技术 
  • 发表评论:


    博客托管于 梦想博客 Copyright 2006-2009. All rights reserved.