几种分割线的代码_csbeyond

个人资料

微博

正文字体大小：大中小

几种分割线的代码

(2006-08-19 04:33:15)

分类： *博客教程* -欢迎学习-

一般很多朋友都是用长条行的图片来当分割线，而用图片的话要不就是要上传，要不就是要做链接，链接有时候还影响页面打开的速度，所以我给大家介绍几种用代码生成的分割线！

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

　　最基本的：<hr width=300 size=1 color=#5151A2 align=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 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)">

阅读┊ 收藏 ┊ 喜欢 ▼ ┊打印┊举报/Report