文章分割线（一）_冰河星矢

个人资料

微博

正文字体大小：大中小

文章分割线（一）

(2006-05-03 10:59:35)

分类：冷眼观潮类疾风熟知劲草

文章中合理运用分割线，可使主题清晰、段落明了。样式如下：

基本样式代码：
<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