加载中…
如何在文章中添加分割线
(2007-01-29 18:44:56)| 分类： 代码专区 |
第一种方法:
1.首先将文章编辑方式设置为WORD编辑器。
2.在文章发表其中，在需要添加分割线的地方，点击工具栏中的“横线”按钮,
文章中就会出现分割线。
第二种方法:
用简单的“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)">
1.首先将文章编辑方式设置为WORD编辑器。
2.在文章发表其中，在需要添加分割线的地方，点击工具栏中的“横线”按钮,
文章中就会出现分割线。
第二种方法:
用简单的“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)">
喜欢
0
赠金笔
前一篇：最无力的高兴
后一篇：如何更改博客最上面的通栏图片