运用HTML代码来做分割线

AAA 发表于 2007-11-27 09:02

<div class="tpc_content" id="read_tpc"><DIV align=center>
<TABLE style="BORDER-COLLAPSE: collapse" borderColor=#ff9966 width="100%" align=center border=20>
<TBODY>
<TR>
<TD>
<TABLE id=table1 style="BORDER-COLLAPSE: collapse" borderColor=#00ccff width="100%" bgColor=#000000 border=2>
<TBODY>
<TR>
<TD borderColor=#33ccff align=middle>　</TD></TR>
<TR>
<TD borderColor=#33ccff align=middle><B><FONT face=隶书 color=#ffffff size=5>运用HTML代码来做分割线</FONT></B>
<TABLE id=table2 width="100%" border=1>
<TBODY>
<TR>
<TD align=middle><B><FONT face=隶书 color=#ffffff size=4>最基本的：</FONT></B>
<HR align=center width=300 color=#00ffff noShade SIZE=1>

<P><FONT color=#ffffff>代码：<hr width=300 size=1 color=#00ffff align=center noshade></FONT></P>
<P><FONT color=#ff6666 size=4>其中 width 规定线条的长度，还可以是百分比；</FONT>
<P><FONT color=#ff6666 size=4>color 是颜色，size 是厚度。</FONT>
<P><FONT color=#ff6666 size=4>align 规定线条位置，left、right、center。</FONT>
<P><FONT color=#ff6666 size=4>noshade 是否有立体效果。</FONT><FONT color=#ffffff><BR>　</FONT></P></TD></TR>
<TR>
<TD align=middle><BR>　
<HR style="FILTER: alpha(opacity=100,finishopacity=0,style=3)" width="80%" color=#00ffff SIZE=3>

<P><FONT color=#ffffff>代码：<hr width=80% size=3 color=#00ffff style="FILTER: alpha(opacity=100,finishopacity=0,style=3)"></FONT></P></TD></TR>
<TR>
<TD align=middle><BR>　
<HR style="FILTER: alpha(opacity=100,finishopacity=0,style=1)" width="80%" color=#00ffff SIZE=3>

<P><FONT color=#ffffff><BR>代码：<hr width=80% size=3 color=#00ffff style="FILTER: alpha(opacity=100,finishopacity=0,style=1)"> </FONT></P></TD></TR>
<TR>
<TD align=middle><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>

<P><FONT color=#ffffff>代码：<hr width=80% size=1 color=#00ffff style="border:1 dashed #00ffff"> </FONT></P></TD></TR>
<TR>
<TD align=middle><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>

<P><FONT color=#ffffff>代码：<hr width=80% size=3 color=#00ffff style="border:3 double green"></FONT></P></TD></TR>
<TR>
<TD align=middle><BR>　
<HR style="FILTER: progid:DXImageTransform.Microsoft.Shadow(color:#f6ae56,direction:145,strength:15)" width="80%" color=#00ffff SIZE=3>

<P><FONT color=#ffffff>代码：<hr width=80% size=3 color=#00ffff style="filter:progid:DXImageTransform.Microsoft.Shadow(color:#f6ae56,direction:145,strength:15)"></FONT></P></TD></TR>
<TR>
<TD align=middle><BR>　
<HR style="FILTER: progid:DXImageTransform.Microsoft.Glow(color=#00ffff,strength=10)" width="80%" color=#00ffff SIZE=3>

<P><FONT color=#ffffff>代码:<hr width=80% size=3 color=#00ffff style="filter:progid:DXImageTransform.Microsoft.Glow(color=#00ffff,strength=10)"></FONT></P></TD></TR>
<TR>
<TD align=middle>　
<HR style="FILTER: alpha(opacity=100,finishopacity=0,style=2)" width="80%" color=#00ffff SIZE=30>

<P><FONT color=#ffffff>代码：<hr width=80% size=30 color=#00ffff style="filter:alpha(opacity=100,finishopacity=0,style=2)"></FONT></P></TD></TR>
<TR>
<TD align=middle><B><BR>　 <BR><BR>欢迎您选用！^_^ </FONT></B></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV></div>

飞雪残月 发表于 2007-12-13 10:26

谢楼主

<hr width=80% size=3 color=#00ffff style=\"filter:progid:DXImageTransform.Microsoft.Shadow(color:#f6ae56,direction:145,strength:15)\">

<hr width=80% size=3 color=#00ffff style=\"filter:progid:DXImageTransform.Microsoft.Glow(color=#00ffff,strength=10)\">

<hr width=80% size=30 color=#00ffff style=\"filter:alpha(opacity=100,finishopacity=0,style=2)\">

[ 本帖最后由 feixuecanyue 于 2007-12-13 10:28 编辑 ]

玫瑰雪 发表于 2007-12-28 23:00

谢谢老师。

倚栏听雨 发表于 2007-12-31 16:06

测试一下阿
<hr width=80% size=1 color=#00ffff style=\"border:1 dashed #00ffff\">
哈哈谢谢楼主
<hr width=80% size=1 color=#00ffff style=\"border:1 dashed #00ffff\">

失忆发表于 2008-3-9 22:27

<HR style=\"FILTER: progid:DXImageTransform.Microsoft.Shadow(color:#f6ae56,direction:145,strength:15)\" width=\"80%\" color=#00ffff SIZE=3>
哇很好谢谢楼主的分享

kkkk311 发表于 2008-4-20 06:54

谢谢老师
<hr width=80% size=30 color=#00ffff style=\"filter:alpha(opacity=100,finishopacity=0,style=2)\">

碎影舞斜阳 发表于 2008-4-21 13:58

:<hr width=80% size=30 color=#00ffff style=\"filter:progid:DXImageTransform.Microsoft.Glow(color=#00ffff,strength=18)\">

桃花依旧 发表于 2008-4-22 22:58

清风邀明月 发表于 2008-4-28 14:59

偶也来学学!<hr width=80% size=30 color=#00ffff style=\"filter:alpha(opacity=100,finishopacity=0,style=2)\">

晴儿发表于 2008-5-15 17:18

谢谢老师！试一个
<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>
好人啊，谢谢~

页: [1] 2 3 4

中画网's Archiver

运用HTML代码来做分割线