音乐堡音乐论坛 » 【素材教程】 » 【音画教程】 » 纯代码de分割线

gzkbe 发表于 2008-6-1 21:36

纯代码de分割线

[table=100%,#FFFFE6][tr][td][size=9pt][发帖际遇]: [url=http://www.yybyy.com/event.php]gzkbe在大街上捡到堡币50元, 飞快的跑回家躲着.[/url][/font][/td][/tr][/table]

<FONT style="BACKGROUND-COLOR: #f9f7e6"><STRONG><SPAN class=tpc_title>
<P><BR><SPAN class=tpc_content id=a_ajax_19625>&nbsp;
<P><FONT color=#dfa73d>最基本的：</FONT><BR><BR>&lt;hr width=300 size=1 color=#00ffff align=center noshade&gt;<BR>其中 width 规定线条的长度，还可以是百分比；color 是颜色，size 当然就是厚度了。<BR>align 规定线条位置，left、right、center。<BR>noshade 是否有立体效果。<BR></P>
<HR width="80%" color=#00ffff SIZE=1>

<P><BR><FONT color=#dfa73d>两头渐变透明：</FONT><BR><BR>&lt;hr width=80% size=3 color=#00ffff style="FILTER: alpha(opacity=100,finishopacity=0,style=3)"&gt; </P>
<HR style="FILTER: alpha(opacity=100,finishopacity=0,style=3)" width="80%" color=#00ffff SIZE=1>

<P><BR><FONT color=#dfa73d>右边渐变透明：</FONT><BR><BR>&lt;hr width=80% size=3 color=#00ffff style="FILTER: alpha(opacity=100,finishopacity=0,style=1)"&gt; </P>
<HR style="FILTER: alpha(opacity=100,finishopacity=0,style=1)" width="80%" color=#00ffff SIZE=1>

<P><BR><FONT color=#dfa73d>画虚线：</FONT><BR><BR>&lt;hr width=80% size=1 color=#00ffff style="border:1 dashed #00ffff"&gt; </P>
<HR style="BORDER-RIGHT: #00ffff 1px dashed; BORDER-TOP: #00ffff 1px dashed; BORDER-LEFT: #00ffff 1px dashed; BORDER-BOTTOM: #00ffff 1px dashed" width="80%" color=#00ffff SIZE=1>

<P><BR><BR><FONT color=#dfa73d>画双线：</FONT><BR><BR>&lt;hr width=80% size=3 color=#00ffff style="border:3 double green"&gt; </P>
<HR style="BORDER-RIGHT: green 3px double; BORDER-TOP: green 3px double; BORDER-LEFT: green 3px double; BORDER-BOTTOM: green 3px double" width="80%" color=#00ffff SIZE=3>

<P><FONT color=#dfa73d>立体效果：</FONT><BR><BR>&lt;hr width=80% size=3 color=#00ffff style="filter:progid:DXImageTransform.Microsoft.Shadow(color:#f6ae56,direction:145,strength:15)"&gt; </P>
<HR style="FILTER: progid:DXImageTransform.Microsoft.Shadow(color:#f6ae56,direction:145,strength:15)" width="80%" color=#00ffff SIZE=3>

<P><FONT color=#dfa73d>钢针效果：</FONT><BR><BR>&lt;hr width=80% size=3 color=#00ffff style="filter:progid:DXImageTransform.Microsoft.Glow(color=#00ffff,strength=10)"&gt; </P>
<HR style="FILTER: progid:DXImageTransform.Microsoft.Glow(color=#00ffff,strength=10)" width="80%" color=#00ffff SIZE=3>

<P><FONT color=#dfa73d>纺棰形：</FONT><BR><BR>&lt;hr width=80% size=30 color=#00ffff style="filter:alpha(opacity=100,finishopacity=0,style=2)"&gt; </P>
<HR style="FILTER: alpha(opacity=100,finishopacity=0,style=2)" width="80%" color=#00ffff SIZE=30>

<P><BR>以上所有效果并不是孤立的，它们可以相互组合，从而产生新的效果。譬如： <BR><BR>&lt;hr width=80% size=3 color=#00ffff style="filter:progid:DXImageTransform.Microsoft.Glow(color=#00ffff,strength=10); border:3 dashed #00ffff"&gt;<BR>&lt;hr width=80% size=3 color=#00ffff style="border:3 dashed #00ffff; filter:progid:DXImageTransform.Microsoft.Shadow(color:#f6ae56,direction:145,strength:15)"&gt; <BR><BR></P>
<HR style="BORDER-RIGHT: #00ffff 3px dashed; BORDER-TOP: #00ffff 3px dashed; FILTER: progid:DXImageTransform.Microsoft.Glow(color=#00ffff,strength=10); BORDER-LEFT: #00ffff 3px dashed; BORDER-BOTTOM: #00ffff 3px dashed" width="80%" color=#00ffff SIZE=3>

<HR style="BORDER-RIGHT: #00ffff 3px dashed; BORDER-TOP: #00ffff 3px dashed; FILTER: progid:DXImageTransform.Microsoft.Shadow(color:#f6ae56,direction:145,strength:15); BORDER-LEFT: #00ffff 3px dashed; BORDER-BOTTOM: #00ffff 3px dashed" width="80%" color=#00ffff SIZE=3>
</SPAN></SPAN></STRONG></FONT>

[[i] 本帖最后由 gzkbe 于 2008-6-1 21:39 编辑 [/i]]

无我 发表于 2008-6-3 13:15

[table=100%,#FFFFE6][tr][td][size=9pt][发帖际遇]: [url=http://www.yybyy.com/event.php]无我英雄救美, 获得威望2.[/url][/font][/td][/tr][/table]

谢谢LZ，收下了，您也辛苦了。哈哈

随声附和 发表于 2008-9-14 12:16

好有特色~~~顶 了!!

夜色淒涼 发表于 2008-9-17 20:23

<hr width=80% size=3 color=#00ffff style="filter:progid:DXImageTransform.Microsoft.Glow(color=#00ffff,strength=10)">
可以試試嗎......好像哪裏不對哦

Sergin 发表于 2008-9-30 15:55

学习学习鸟～

迷醉神音 发表于 2008-11-3 13:56

这个不错哦，学习了。。
<hr width=50% size=5 color=#00ffff style="filter:progid:D

紫衣 发表于 2008-11-8 16:19

不错，学习了。

查看完整版本: 纯代码de分割线