[07/11][教程] 纯代码分割线
<TABLE width=100% background=http://i17.photobucket.com/albums/b51/lyh_/MATERIAL/bg/blk%20N%20wht/blk-12-1.jpg cellpadding=30 cellspacing=15 border=1><TBODY><TR><TD><DIV align=center><BR><BR><BR><FONT color=red size=5>纯代码分割线</font><FONT color=#dfa73d size=3><BR><BR>最基本的：</FONT><BR><TEXTAREA cols=80><HR align=center width="80%" color=#00ffff SIZE=3 noshade></TEXTAREA><BR>
<HR align=center width="80%" color=#00ffff SIZE=3 noshade><BR>
<FONT color=#ffffff size=3> 其中 width 规定线条的长度，还可以是百分比；color 是颜色，size 当然就是厚度了。<BR>align 规定线条位置，left、right、center。<BR>noshade 是沒有立体效果。</font><BR><BR><BR><FONT size=3 color=#dfa73d>两头渐变透明：</FONT><BR><TEXTAREA cols=80 rows=3><hr width=80% size=3 color=#00ffff style="FILTER: alpha(opacity=100,finishopacity=0,style=3)"></TEXTAREA><BR><BR>
<HR style="FILTER: alpha(opacity=100,finishopacity=0,style=3)" width="80%" color=#00ffff SIZE=1>
<BR><BR><FONT size=3 color=#dfa73d> 右边渐变透明：</FONT><BR><TEXTAREA cols=80 rows=3><hr width=80% size=3 color=#00ffff style="FILTER: alpha(opacity=100,finishopacity=0,style=1)"></TEXTAREA><BR>
<HR style="FILTER: alpha(opacity=100,finishopacity=0,style=1)" width="80%" color=#00ffff SIZE=1>
<BR><BR><FONT size=3 color=#dfa73d>画虚线：</FONT><BR><TEXTAREA cols=80 rows=3><hr width=80% size=1 color=#00ffff style="border:1 dashed #00ffff"></TEXTAREA><BR>
<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>
<BR><BR><FONT size=3 color=#dfa73d>画双线：</FONT><BR><TEXTAREA cols=80 rows=3><hr width=80% size=3 color=#00ffff style="border:3 double green"></TEXTAREA> <BR>
<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>
<BR><BR><FONT size=3 color=#dfa73d>立体效果：</FONT><BR><TEXTAREA cols=80 rows=3><hr width=80% size=3 color=#00ffff style="filter:progid:DXImageTransform.Microsoft.Shadow(color:#f6ae56,direction:145,strength:15)"></TEXTAREA><BR>
<HR style="FILTER: progid:DXImageTransform.Microsoft.Shadow(color:#f6ae56,direction:145,strength:15)" width="80%" color=#00ffff SIZE=3>
<BR><BR><FONT size=3 color=#dfa73d>钢针效果：</FONT><BR><TEXTAREA cols=80 rows=3><hr width=80% size=3 color=#00ffff style="filter:progid:DXImageTransform.Microsoft.Glow(color=#00ffff,strength=10)"></TEXTAREA><BR>
<HR style="FILTER: progid:DXImageTransform.Microsoft.Glow(color=#00ffff,strength=10)" width="80%" color=#00ffff SIZE=3>
<BR><BR><FONT size=3 color=#dfa73d>纺棰形：</FONT><BR><TEXTAREA cols=80 rows=3><hr width=80% size=30 color=#00ffff style="filter:alpha(opacity=100,finishopacity=0,style=2)"></TEXTAREA><BR>
<HR style="FILTER: alpha(opacity=100,finishopacity=0,style=2)" width="80%" color=#00ffff SIZE=30>
<BR><BR><FONT size=3 color=#dfa73d>以上所有效果并不是孤立的，它们可以相互组合，从而产生新的效果。譬如：</font><BR><TEXTAREA cols=80 rows=6><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></TEXTAREA><BR>
<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>
<BR><BR><BR>
<TEXTAREA cols=80 rows=6><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></TEXTAREA><BR>
<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><BR><BR><BR>
<TEXTAREA cols=80 rows=6><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></TEXTAREA><BR>
<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>
<BR><BR><BR></DIV></TD></TR></TBODY></TABLE><BR> 谢谢 月儿 <BR><BR>
问好 月儿 <BR><BR>
美观 实用 <BR><BR>
页:
[1]