校内网分割线代码 >>校内网代码,校内网涂鸦板代码成品

来源:└博友窝  编辑:博客代码网  发布时间:2007-06-14  点击:  [收藏]

用<hr>标签
最基本的:<hr width=300 size=1 color=#5151A2 align=center noshade>
其中 width 规定线条的长度,还可以是百分比;color 表示颜色,size 表示厚度;
align 规定线条位置,有left(左对齐)、right(右对齐)、center(中对齐);noshade 表示是否有立体效果。

两头渐变透明: (利用CSS滤镜处理)
<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 double green">

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

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

钢针效果:
<hr width=80% size=3 color=#5151A2 style="filter:progid:DXImageTransform.Microsoft.Glow(color=#5151A2,strength=10)">
也可以利用<table>标签
如<table width="100%"><tr><td height="1" bgcolor="#FF0000"></td></tr></table>或者利用CSS里的background属性,更方便控制划线效果,比如像一个一像素的点(dot.gif)
水平划线:<td style="background:url(dot.gif) repeat-x center">&nbsp;</td>
垂直划线:<td style="background:url(dot.gif) repeat-y center">&nbsp;</td>
当然还有其他很多方法,大家可以参考HTML及CSS相关资料

文章地址:
└博友窝=本类=排行
  • 1周排行
  • 1月排行
  • 总排行