各种水平线

时间：2009-07-03 来源：lsstarboy

水平线特效：

水平线:

用法:

水平线的用法其实很简单可以多变化，在编辑模式中，产生一条水平线，用滑鼠点选水平线，水平线四周会产生八的白色小方块，这时可以用滑鼠调整大小，而颜色可以利用文字色彩 A 来改变。

地下是利用CSS产生的变化，可复制粘贴使用，调整也是上述的方式：

点

●

虚线

●

立体内凹

●

立体浮凸

●

右至左简便白 - 黑蓝

左至右渐变白 - 分红

中间立体棒型 - 黑蓝

中间立体棒型 - 黑啡

红色色外框架 - 黄色



<P>点</P>
<P>●</P>
<P></P>

<HR style="BORDER-RIGHT: 3px dotted; BORDER-TOP: 3px dotted; BORDER-LEFT: 3px dotted; BORDER-BOTTOM: 3px dotted" color=#663300>

<P></P>
<P>●</P>
<HR style="BORDER-RIGHT: #ffffff 1px dashed; BORDER-TOP: #ffffff 1px dashed; BORDER-LEFT: #ffffff 1px dashed; BORDER-BOTTOM: #ffffff 1px dashed; HEIGHT: 6px" color=#0000ff>

<P></P>
<P>●</P>
<P>虚线</P>
<P>●</P>
<HR style="BORDER-RIGHT: 1px dashed; BORDER-TOP: 1px dashed; BORDER-LEFT: 1px dashed; BORDER-BOTTOM: 1px dashed" color=#99ff00>

<P></P>

<P>●</P>
<HR style="BORDER-RIGHT: #cc33ff 2px dashed; BORDER-TOP: #cc33ff 2px dashed; BORDER-LEFT: #cc33ff 2px dashed; BORDER-BOTTOM: #cc33ff 2px dashed; HEIGHT: 2px" color=#cc33ff>

<P></P>
<P>●</P>
<P>立体内凹</P>
<P>●</P>
<HR style="BORDER-RIGHT: 1px groove; BORDER-TOP: 1px groove; BORDER-LEFT: 1px groove; BORDER-BOTTOM: 1px groove" SIZE=7>

<P></P>
<P>●</P>
<HR style="BORDER-RIGHT: 1px groove; BORDER-TOP: 1px groove; BORDER-LEFT: 1px groove; BORDER-BOTTOM: 1px groove; HEIGHT: 9px" color=#00ccff SIZE=9>

<P></P>
<P>●</P>
<P>立体浮凸</P>
<P>●</P>
<HR style="BORDER-RIGHT: 1px ridge; BORDER-TOP: 1px ridge; BORDER-LEFT: 1px ridge; BORDER-BOTTOM: 1px ridge" SIZE=10>

<P>●</P>
<HR style="BORDER-RIGHT: 1px ridge; BORDER-TOP: 1px ridge; BORDER-LEFT: 1px ridge; BORDER-BOTTOM: 1px ridge; HEIGHT: 10px" width="100%" color=#0000ff SIZE=10>

<P></P>
<P>●</P>

<P></P>
<DIV></DIV>
<HR style="FILTER: alpha(opacity=5,finishopacity=100,style=1,startX=0,startY=0,finishX=100,finishY=100); HEIGHT: 14px" width="100%" color=#ff0000>

<DIV>
<P>●</P>
<HR style="FILTER: alpha(opacity=10,finishopacity=100,style=1,startX=100,startY=100,finishX=0,finishY=0); HEIGHT: 18px" width="100%" color=#993366>
</DIV>
<DIV>
<P>●</P>
<HR style="FILTER: alpha(opacity=0,finishopacity=100,style=2); HEIGHT: 16px" color=#ccffcc>
</DIV>
<P></P>
<P>●</P>

<P><STRONG>右至左简便白 - 黑蓝</STRONG> </P>
<HR style="FILTER: alpha(opacity=10,finishopacity=100,style=1,startX=0,startY=0,finishX=100,finishY=100); HEIGHT: 7px" color=#000080 SIZE=7>

<P><STRONG>左至右渐变白 - 分红</STRONG> </P>
<HR style="FILTER: alpha(opacity=10,finishopacity=100,style=1,startX=100,startY=100,finishX=0,finishY=0); HEIGHT: 8px" color=#ffccff SIZE=8>

<P><STRONG>中间立体棒型 - 黑蓝</STRONG> </P>
<HR style="FILTER: alpha(opacity=0,finishopacity=100,style=2); HEIGHT: 9px" color=#0000cc SIZE=9>

<P><STRONG>中间立体棒型 - 黑啡</STRONG> </P>

<HR style="FILTER: alpha(opacity=0,finishopacity=100,style=3); HEIGHT: 8px" color=#cc0000 SIZE=8>

<P><STRONG>红色色外框架 - 黄色</STRONG></P>
<HR style="BORDER-RIGHT: #ff0000 3px solid; BORDER-TOP: #ff0000 3px solid; BORDER-LEFT: #ff0000 3px solid; COLOR: #ffff00; BORDER-BOTTOM: #ff0000 3px solid; HEIGHT: 10px">