首 页 | 博客常用代码

 

分隔线代码及各种效果

   1.最基本的代码格式:<hr color="#ff8000" size="5">

   2.基本代码格式:<hr align=center width=300 color="#5151a2" noshade size=3>
  3.两头渐变透明代码格式:<hr style="FILTER: alpha(opacity=100,finishopacity=0,style=3)" width="100%" color=#5151a2 SIZE=3>
  4.右边渐变透明代码格式:<hr style="FILTER: alpha(opacity=100,finishopacity=0,style=1)" width="80%" color=#5151a2 SIZE=3>
  5.画虚线代码格式:<hr style="BORDER-RIGHT: #5151a2 1px dashed; BORDER-TOP: #5151a2 1px dashed; BORDER-LEFT: #5151a2 1px dashed; BORDER-BOTTOM: #5151a2 1px dashed" width="100%" color=#5151a2 SIZE=3>
  6.画双线代码格式:<hr style="BORDER-RIGHT: green 3px double; BORDER-TOP: green 3px double; BORDER-LEFT: green 3px double; BORDER-BOTTOM: green 3px double" width="100%" color=#5151a2 SIZE=3>
  7.立体效果代码格式:<hr width="80%" color=#5151a2 SIZE=3>
  8.纺棰形代码格式:<hr style="FILTER: alpha(opacity=100,finishopacity=0,style=2)" width="100%" color=#5151a2 SIZE=30>





       相关说明:

        width 线条的长度,也可以是百分比;color 表示颜色,size 表示厚度;
        align 规定线条位置,有left、right、center;noshade 表示是否有立体效果


   

 
Copyright 2008 5151cai.org Inc. All rights reserved