天下一家 发表于 2006-1-30 11:41:48

【天下一家谈 HTML 系列之二】文字特效、分割线与图片加边框的方法

题材来源于网络!



<P><P align=center><FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=green); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>百事高论坛</B></FONT></P>


<P><FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=green); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>百事高论坛</B></FONT></P>



<P align=center><FONT style="FONT-WEIGHT: bolder; FONT-SIZE: 70px; FILTER: blur(add=1, direction=45,strength=10); WIDTH: 450px; POSITION: relative" color=#cc00>百事高论坛</FONT></P><BR></DIV>
<P></P>



<P align=center><FONT style="FONT-WEIGHT: bolder; FONT-SIZE: 70px; FILTER: blur(add=1, direction=45,strength=10); WIDTH: 450px; POSITION: relative" color=#cc00>百事高论坛</FONT></P><BR></DIV>

[ 本帖最后由 听者有心 于 2006-2-13 10:59 AM 编辑 ]

天下一家 发表于 2006-1-30 11:45:43

<P align=center><FONT style="FONT-SIZE: 40pt; FILTER: glow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>百事高论坛</B></FONT></CENTER><BR>


<FONT style="FONT-SIZE: 40pt; FILTER: glow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>百事高论坛</B></FONT></CENTER><BR>



<P align=center><DIV style="FILTER: shadow(color=#c299ff, strength=40); WIDTH: 480px"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 50pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#fff000>百事高论坛</FONT> <BR></DIV></DIV></DIV>


<DIV align=center><DIV style="FILTER: shadow(color=#c299ff, strength=40); WIDTH: 480px"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 50pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#fff000>百事高论坛</FONT> <BR></DIV></DIV></DIV>

[ 本帖最后由 天下一家 于 2006-1-30 05:55 PM 编辑 ]

天下一家 发表于 2006-1-30 11:53:47

<CENTER><FONT face=隶书 color=red size=15><MARQUEE direction=up behavior=alternate width=60 height=120>百</MARQUEE><FONT color=yellow> <MARQUEE direction=up behavior=alternate width=60 height=80>事</MARQUEE><FONT color=brown> <MARQUEE direction=up behavior=alternate width=60 height=120>高</MARQUEE><FONT color=green> <MARQUEE direction=up behavior=alternate width=60 height=80>音</MARQUEE><FONT color=orange> <MARQUEE direction=up behavior=alternate width=60 height=120>乐</MARQUEE><FONT color=yellow> <MARQUEE direction=up behavior=alternate width=60 height=80>论</MARQUEE><FONT color=orange> <MARQUEE direction=up behavior=alternate width=60 height=120>坛</MARQUEE></FONT></B></MARQUEE></FONT></CENTER></FONT><CENTER></CENTER></FONT></FONT></FONT></FONT><BR>


<CENTER><FONT face=隶书 color=red size=15><MARQUEE direction=up behavior=alternate width=60 height=120>百</MARQUEE><FONT color=yellow> <MARQUEE direction=up behavior=alternate width=60 height=80>事</MARQUEE><FONT color=brown> <MARQUEE direction=up behavior=alternate width=60 height=120>高</MARQUEE><FONT color=green> <MARQUEE direction=up behavior=alternate width=60 height=80>音</MARQUEE><FONT color=orange> <MARQUEE direction=up behavior=alternate width=60 height=120>乐</MARQUEE><FONT color=yellow> <MARQUEE direction=up behavior=alternate width=60 height=80>论</MARQUEE><FONT color=orange> <MARQUEE direction=up behavior=alternate width=60 height=120>坛</MARQUEE></FONT></B></MARQUEE></FONT></CENTER></FONT><CENTER></CENTER></FONT></FONT></FONT></FONT><BR>




<MARQUEE scrollAmount=8 direction=right behavior=alternate><B><FONT color=#7700bb size=6><FONT color=red> <MARQUEE direction=up behavior=alternate width=40 height=60 align="middle">好</MARQUEE><FONT color=red> <MARQUEE direction=up behavior=alternate width=40 height=80>看</MARQUEE><FONT color=red> <MARQUEE direction=up behavior=alternate width=40 height=60>吗</MARQUEE></B></FONT></FONT></FONT></FONT></MARQUEE> <CENTER></CENTER><BR>


<MARQUEE scrollAmount=8 direction=right behavior=alternate><B><FONT color=#7700bb size=6><FONT color=red> <MARQUEE direction=up behavior=alternate width=40 height=60 align="middle">好</MARQUEE><FONT color=red> <MARQUEE direction=up behavior=alternate width=40 height=80>看</MARQUEE><FONT color=red> <MARQUEE direction=up behavior=alternate width=40 height=60>吗</MARQUEE></B></FONT></FONT></FONT></FONT></MARQUEE> <CENTER></CENTER><BR>

天下一家 发表于 2006-1-30 11:58:00

<MARQUEE scrollAmount=2 width=60 height=67 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 20pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#ff0000><B>一 </FONT></B></B></MARQUEE><MARQUEE scrollAmount=2 width=60 height=67 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 20pt; LINE-HEIGHT: normal; FONT STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#ff0000><B>家</FONT></B></B></MARQUEE> <MARQUEE scrollAmount=2 width=60 height=67 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 20pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#ff0000><B>整</FONT></B></B></MARQUEE><MARQUEE scrollAmount=2 width=60 height=67 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 20pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#ff0000><B>理</FONT></B></B></MARQUEE> </FONT></CENTER><BR>



<MARQUEE scrollAmount=2 width=60 height=67 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 20pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#ff0000><B>一 </FONT></B></B></MARQUEE><MARQUEE scrollAmount=2 width=60 height=67 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 20pt; LINE-HEIGHT: normal; FONT STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#ff0000><B>家</FONT></B></B></MARQUEE> <MARQUEE scrollAmount=2 width=60 height=67 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 20pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#ff0000><B>整</FONT></B></B></MARQUEE><MARQUEE scrollAmount=2 width=60 height=67 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 20pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#ff0000><B>理</FONT></B></B></MARQUEE> </FONT></CENTER><BR>




<CENTER><MARQUEE scrollAmount=2 direction=down height=60> <CENTER><FONT face=华文彩云 color=#da70d6 size=6><B>百事高论坛欢迎你~~~~</FONT></CENTER></B></MARQUEE> <CENTER><MARQUEE scrollAmount=2 direction=up height=60> <CENTER><FONT face=华文彩云 color=#da70d6 size=6><B>百事高论坛迎你~~~~</FONT></CENTER></B></MARQUEE></CENTER><DIV></DIV><P></P></CENTER>



<CENTER><MARQUEE scrollAmount=2 direction=down height=60> <CENTER><FONT face=华文彩云 color=#da70d6 size=6><B>百事高论坛欢迎你~~~~</FONT></CENTER></B></MARQUEE> <CENTER><MARQUEE scrollAmount=2 direction=up height=60> <CENTER><FONT face=华文彩云 color=#da70d6 size=6><B>百事高论坛迎你~~~~</FONT></CENTER></B></MARQUEE></CENTER><DIV></DIV><P></P></CENTER>

[ 本帖最后由 天下一家 于 2006-1-30 06:00 PM 编辑 ]

天下一家 发表于 2006-1-30 12:16:22

<p align=center><FONT style="FONT-SIZE: 55pt; FILTER: shadow(color=#AF0530); WIDTH: 100%; COLOR: #f90b46; LINE-HEIGHT: 150%; FONT-FAMILY: 隶书"><B>欢迎光临百事高</B></FONT></DIV>



<p align=center><FONT style="FONT-SIZE: 55pt; FILTER: shadow(color=#AF0530); WIDTH: 100%; COLOR: #f90b46; LINE-HEIGHT: 150%; FONT-FAMILY: 隶书"><B>欢迎光临百事高</B></FONT></DIV>

[ 本帖最后由 天下一家 于 2006-1-30 06:31 PM 编辑 ]

天下一家 发表于 2006-1-30 12:22:49

<div align="center"><table border="20" width="600" bgcolor="#000000" style="border-collapse: collapse" bordercolor="#FF9966" cellspacing="4" cellpadding="2"><tr><td><div align="center"><table border="4" width="100%" id="table1" cellpadding="2" bgcolor="#000000" style="border-collapse: collapse" bordercolor="#FFCC66"><tr><td align="center"><table border="1" width="100%" id="table2" bordercolor="#FFCC66"><tr><td align="center"><FONT style="FONT-SIZE: 50pt; FILTER: shadow(color=#af2dco); WIDTH: 100%; COLOR: #730404; LINE-HEIGHT: 100%; FONT-FAMILY: 华文行楷" size=6>一家整理</FONT> </td></tr><tr><td align="center"><font color="#FFFFFF">&lt;FONT style=&quot;FONT-SIZE: 50pt; FILTER: shadow(color=#af2dco); WIDTH: 100%; COLOR: #730404; LINE-HEIGHT: 100%; FONT-FAMILY: 华文行楷&quot; size=6&gt;一家整理&lt;/FONT&gt; &lt;DIV&gt;&lt;/DIV&gt;&lt;BR&gt;&lt;BR&gt;&lt;/DIV&gt;</font></td></tr><tr><td align="center"><FONT style="FONT-SIZE:30pt;filter:glow(color=gray,strength=4);WIDTH:100%; COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷"><B>一家整理</B></FONT></td></tr><tr><td align="center"><font color="#FFFFFF">&lt;FONT style=&quot;FONT-SIZE:30pt;filter:glow(color=gray,strength=4);WIDTH:100%; COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷&quot;&gt;&lt;B&gt;一家整理&lt;/B&gt;&lt;/FONT&gt;</font> </td></tr><tr><td align="center"><FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=#DA70D6); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 方正舒体"><B>一家整理</B></FONT></CENTER><BR></td></tr><tr><td align="center"><font color="#FFFFFF">&lt;FONT style=&quot;FONT-SIZE: 40pt; FILTER: shadow(color=#DA70D6); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 方正舒体&quot;&gt;&lt;B&gt;一家整理&lt;/B&gt;&lt;/FONT&gt;&lt;/CENTER&gt;&lt;BR&gt;<br> </font></td></tr><tr><td align="center"><CENTER><FONT style="FONT-SIZE: 50pt; FILTER: glow(color=#CC33AE); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 华文行楷"><P><B>白事高论坛欢迎您!</P></B></FONT></CENTER></td></tr><tr><td align="center"><div class="postlary1"><div class="postie"><div style="PADDING-RIGHT: 0px; MARGIN-TOP: 10px; FONT-SIZE: 9pt; OVERFLOW-X: hidden; WIDTH: 97%; WORD-BREAK: break-all; TEXT-INDENT: 24px; LINE-HEIGHT: normal; HEIGHT: 200px; WORD-WRAP: break-word" onload="this.style.overflowX='visible';"><div align="left"><font color="#FFFFFF">&lt;CENTER&gt;&lt;FONT style=&quot;FONT-SIZE: 50pt; FILTER: glow(color=#CC33AE); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 华文行楷&quot;&gt;&lt;P&gt;&lt;B&gt;白事高论坛欢迎您!&lt;/P&gt;&lt;/FONT&gt;&lt;/CENTER&gt;&lt;/B&gt;&lt;CENTER&gt;&lt;/CENTER&gt;</font></div></div></div></div></td></tr><tr><td align="center"><CENTER><TABLE align=center background=http://tech.china.com/zh_cn/home4u/sucai/gifanimation/line/0024.gif border=0><BR><BR><BR><BR><TBODY><TR><TD style="FILTER: mask(color=#000000)" align=middle><FONT style="FONT-SIZE: 50pt" face=华文行楷 color=#336699><B>白事高论坛欢迎您</B></FONT></TD></TR></TBODY></TABLE><BR><BR></CENTER></td></tr><tr><td align="center"> &lt;CENTER&gt;<br><font color="#FFFFFF">&lt;TABLE align=center background=http://tech.china.com/zh_cn/home4u/sucai/gifanimation/line/0024.gif border=0&gt;&lt;BR&gt;&lt;BR&gt;&lt;BR&gt;&lt;BR&gt;&lt;TBODY&gt;&lt;TR&gt;&lt;TD style=&quot;FILTER: mask(color=#000000)&quot; align=middle&gt;&lt;FONT style=&quot;FONT-SIZE: 50pt&quot; face=华文行楷 color=#336699&gt;&lt;B&gt;白事高论坛欢迎您&lt;/B&gt;&lt;/FONT&gt;&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;&lt;BR&gt;&lt;BR&gt;&lt;/CENTER&gt;</font></td></tr></table></td></tr></table></div></td></tr></table></div>

[ 本帖最后由 天下一家 于 2006-1-30 12:55 PM 编辑 ]

天下一家 发表于 2006-1-30 13:10:30

<div align="center"><table border="10" width="600" style="border-collapse: collapse" bordercolor="#000000"><tr><td align="center"><table border="10" width="100%" id="table1" style="border-collapse: collapse" bordercolor="#FF9933" background="file:///F:/ww/ww/背景及素材/beige4_ovYYbfXM3aNy.gif"><tr><td align="center"><CENTER><TABLE cellSpacing=0 cellPadding=0 align=center background=http://bbs.tianshi163.com/UploadFile/2005-6/2005612225123775.gif><TBODY><TR><TD style="FILTER: chroma(color=#33ff33)"><TABLE align=center background=http://yuandi.com/wysc/xiangsu/2/mangertile.jpg><TBODY><TR><TD align=middle><FONT style="FONT-SIZE: 40pt" face=华文行楷 color=#33ff33><B><I>百事高论坛欢迎您!</I></B></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></CENTER></td></tr><tr><td align="center"><div class="postlary1"><div class="postie"><div style="PADDING-RIGHT: 0px; MARGIN-TOP: 10px; FONT-SIZE: 9pt; OVERFLOW-X: hidden; WIDTH: 97%; WORD-BREAK: break-all; TEXT-INDENT: 24px; LINE-HEIGHT: normal; HEIGHT: 200px; WORD-WRAP: break-word" onload="this.style.overflowX='visible';"><div align="left">&lt;CENTER&gt;&lt;TABLE cellSpacing=0 cellPadding=0 align=center background=http://bbs.tianshi163.com/UploadFile/2005-6/2005612225123775.gif&gt;&lt;TBODY&gt;&lt;TR&gt;&lt;TD style="FILTER: chroma(color=#33ff33)"&gt;&lt;TABLE align=center background=http://yuandi.com/wysc/xiangsu/2/mangertile.jpg&gt;&lt;TBODY&gt;&lt;TR&gt;&lt;TD align=middle&gt;&lt;FONT style="FONT-SIZE: 40pt" face=华文行楷 color=#33ff33&gt;&lt;B&gt;&lt;I&gt;百事高论坛欢迎您!&lt;/I&gt;&lt;/B&gt;&lt;/FONT&gt;&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;&lt;/CENTER&gt;</div></div></div></div></td></tr><tr><td align="center"><FONT style="FONT-SIZE: 30pt; FILTER: shadow(color=FF0033); WIDTH: 100%; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>百事高论坛欢迎您</B></FONT></td></tr><tr><td align="center"> &lt;FONT style="FONT-SIZE: 30pt; FILTER: shadow(color=FF0033); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"&gt;&lt;B&gt;百事高论坛欢迎您&lt;/B&gt;&lt;/FONT&gt;</td></tr><tr><td align="center"><FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=green); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>百事高论坛欢迎您</B></FONT></td></tr><tr><td align="center"> &lt;FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=green); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"&gt;&lt;B&gt;百事高论坛欢迎您&lt;/B&gt;&lt;/FONT&gt;</td></tr><tr><td align="center"><FONT style="FONT-SIZE:40pt;filter:glow(color=gray,strength=5);WIDTH:100%; COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷"><b>百事高论坛欢迎您</b></FONT></td></tr><tr><td align="center"> &lt;FONT style="FONT-SIZE:40pt;filter:glow(color=gray,strength=5);WIDTH:100%; COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷"&gt;&lt;B&gt;百事高论坛欢迎您&lt;/B&gt;&lt;/FONT&gt;</td></tr><tr><td align="center"><DIV align=center><DIV style="FILTER: glow(color=#c299ff, strength=60); WIDTH: 400px"><B><FONT face=隶书 color=#8a2be2 size=7><BR>百事高论坛欢迎您</FONT></B> </DIV></td></tr><tr><td align="center"><div class="postlary1"><div class="postie"><div style="PADDING-RIGHT: 0px; MARGIN-TOP: 10px; FONT-SIZE: 9pt; OVERFLOW-X: hidden; WIDTH: 97%; WORD-BREAK: break-all; TEXT-INDENT: 24px; LINE-HEIGHT: normal; HEIGHT: 200px; WORD-WRAP: break-word" onload="this.style.overflowX='visible';"><div align="center">&lt;DIV align=center&gt;<br>&lt;DIV style="FILTER: glow(color=#c299ff, strength=60); WIDTH: 400px"&gt;&lt;FONT face=隶书 color=#8a2be2 size=7&gt;&lt;B&gt;&lt;BR&gt;百事高论坛欢迎您&lt;/FONT&gt;&lt;/B&gt; &lt;/DIV&gt;</div></div></div></div></td></tr></table></td></tr></table></div>

[ 本帖最后由 天下一家 于 2006-1-30 06:39 PM 编辑 ]

天下一家 发表于 2006-1-30 13:45:21

<div align="center"><table border="10" width="600" cellspacing="4" cellpadding="2" style="border-collapse: collapse"><tr><td><div align="center"><table border="8" width="100%" id="table1" cellspacing="3" cellpadding="2" bgcolor="#C0C0C0" style="border-collapse: collapse" bordercolor="#CC6699"><tr><td align="center"><FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=#AF0530); WIDTH: 100%; COLOR: #f90b46; LINE-HEIGHT: 150%; FONT-FAMILY: 隶书"><b>百事高论坛欢迎您</b></FONT> </td></tr><tr><td align="center">&lt;FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=#AF0530); WIDTH: 100%; COLOR: #f90b46; LINE-HEIGHT: 150%; FONT-FAMILY: 隶书"&gt;&lt;B&gt;百事高论坛欢迎您&lt;/B&gt;&lt;/FONT&gt; </td></tr><tr><td align="center"><CENTER><FONT face=华文彩云 color=#ee110e size=7><MARQUEE width=200 height=50><IMG src="http://freequick.myrice.com/rw/ts/43.gif">百事高欢迎您<IMGsrc="http://freequick.myrice.com/rw/ts/43.gif"> </FONT></MARQUEE><FONT face=华文彩云 color=#ee1111

size=7><MARQUEE direction=right width=200 height=50><IMG src="http://freequick.myrice.com/rw/ts/23.gif">百事高欢迎您<IMG src="http://freequick.myrice.com/rw/ts/23.gif"></FONT> </MARQUEE></FONT></FONT></CENTER></td></tr><tr><td align="center">&lt;CENTER&gt;&lt;FONT face=华文彩云 color=#ee110e size=7&gt;&lt;MARQUEE width=200 height=50&gt;&lt;IMG src="http://freequick.myrice.com/rw/ts/43.gif"&gt;百事高欢迎您&lt;IMGsrc="http://freequick.myrice.com/rw/ts/43.gif"&gt; &lt;/FONT&gt;&lt;/MARQUEE&gt;&lt;FONT face=华文彩云 color=#ee1111 <br><br>size=7&gt;&lt;MARQUEE direction=right width=200 height=50&gt;&lt;IMG src="http://freequick.myrice.com/rw/ts/23.gif"&gt;百事高欢迎您&lt;IMG src="http://freequick.myrice.com/rw/ts/23.gif"&gt;&lt;/FONT&gt; &lt;/MARQUEE&gt;&lt;/FONT&gt;&lt;/FONT&gt;&lt;/CENTER&gt;</td></tr><tr><td align="center"><font size="7" color="#FF0000"><b>百事高</b></font><FONT SIZE=7><B><FONT COLOR="#FF0000">论坛</FONT><FONT COLOR="#FFAA00">欢</FONT><FONT COLOR="#FFD400">迎</FONT><FONT COLOR="#FFFF00">你</FONT> </td></tr><tr><td align="center">&lt;FONT SIZE=7&gt;&lt;B&gt;&lt;FONT COLOR="#FF0000"&gt;百&lt;/FONT&gt;&lt;FONT SIZE=7&gt;&lt;B&gt;&lt;FONT COLOR="#FF0000"&gt;事&lt;/FONT&gt;&lt;FONT COLOR="#FF2A00"&gt;高&lt;/FONT&gt;&lt;FONT COLOR="#FF5500"&gt;论&lt;/FONT&gt;&lt;FONT COLOR="#FF7F00"&gt;坛&lt;/FONT&gt;&lt;FONT COLOR="#FFAA00"&gt;欢&lt;/FONT&gt;&lt;FONT COLOR="#FFD400"&gt;迎&lt;/FONT&gt;&lt;FONT COLOR="#FFFF00"&gt;你&lt;/FONT&gt; &lt;/B&gt;&lt;/FONT&gt;</td></tr><tr><td height="23" align="center"><MARQUEE direction=right> <TABLE cellSpacing=0 cellPadding=0 align=center background=http://znrs.2000y.net/UploadFile/2004-5/2004510115258900.jpg><TBODY><TR><TD style="FILTER: chroma(color=#336699)"><TABLE align=center bgColor=red><TBODY><TR><TD align=middle><FONT style="FONT-SIZE: 60pt" face=文鼎花瓣体 color=#336699>百事高论坛管理团队欢迎你</FONT></TD></TR></TBODY></TABLE></FONT></TD></TR></TBODY></TABLE></FONT></MARQUEE> <MARQUEE direction=up> <TABLE cellSpacing=0 cellPadding=0 align=center background=http://www.cycnet.com/encyclopedia/propagation/flower/flowerlanguage/images/qht.jpg><TBODY><TR><TD style="FILTER: chroma(color=#336699)"><TABLE align=center bgColor=lime><TBODY><TR><TD align=middle><FONT style="FONT-SIZE: 60pt" face=文鼎圆立体 color=#336699>百事高论坛管理团队欢迎你</FONT></TD></TR></TBODY></TABLE></FONT></TD></TR></TBODY></TABLE></FONT></MARQUEE></td></tr><tr><td align="center">&lt;MARQUEE direction=right&gt; &lt;TABLE cellSpacing=0 cellPadding=0 align=center background=http://znrs.2000y.net/UploadFile/2004-5/2004510115258900.jpg&gt;&lt;TBODY&gt;&lt;TR&gt;&lt;TD style="FILTER: chroma(color=#336699)"&gt;&lt;TABLE align=center bgColor=red&gt;&lt;TBODY&gt;&lt;TR&gt;&lt;TD align=middle&gt;&lt;FONT style="FONT-SIZE: 60pt" face=文鼎花瓣体 color=#336699&gt;百事高论坛管理团队欢迎你&lt;/FONT&gt;&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;&lt;/FONT&gt;&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;&lt;/FONT&gt;&lt;/MARQUEE&gt; &lt;MARQUEE direction=up&gt; &lt;TABLE cellSpacing=0 cellPadding=0 align=center background=http://www.cycnet.com/encyclopedia/propagation/flower/flowerlanguage/images/qht.jpg&gt;&lt;TBODY&gt;&lt;TR&gt;&lt;TD style="FILTER: chroma(color=#336699)"&gt;&lt;TABLE align=center bgColor=lime&gt;&lt;TBODY&gt;&lt;TR&gt;&lt;TD align=middle&gt;&lt;FONT style="FONT-SIZE: 60pt" face=文鼎圆立体 color=#336699&gt;百事高论坛管理团队欢迎你&lt;/FONT&gt;&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;&lt;/FONT&gt;&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;&lt;/FONT&gt;&lt;/MARQUEE&gt; </td></tr><tr><td align="center"><MARQUEE direction=up> <TABLE cellSpacing=0 cellPadding=0 align=center background=http://znrs.2000y.net/UploadFile/2004-5/2004510115258900.jpg><TBODY><TR><TD style="FILTER: chroma(color=#336699)"><TABLE align=center bgColor=red><TBODY><TR><TD align=middle><FONT style="FONT-SIZE: 60pt" face=华文行楷 color=#336699>欢迎光临百事高!</FONT></TD></TR></TBODY></TABLE></FONT></TD></TR></TBODY></TABLE><P></FONT></P></td></tr><tr><td align="center">&lt;MARQUEE direction=up&gt; &lt;TABLE cellSpacing=0 cellPadding=0 align=center background=http://znrs.2000y.net/UploadFile/2004-5/2004510115258900.jpg&gt;&lt;TBODY&gt;&lt;TR&gt;&lt;TD style="FILTER: chroma(color=#336699)"&gt;&lt;TABLE align=center bgColor=red&gt;&lt;TBODY&gt;&lt;TR&gt;&lt;TD align=middle&gt;&lt;FONT style="FONT-SIZE: 60pt" face=华文行楷 color=#336699&gt;欢迎光临百事高!&lt;/FONT&gt;&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;&lt;/FONT&gt;&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;&lt;P&gt;&lt;/FONT&gt;&lt;/P&gt; </td></tr><tr><td align="center"><TABLE align="center" border="0" cellpadding="0" cellspacing="0" background=http://www.dabaoku.com/gif/168/gif074.gif><TR><TD style="FILTER: chroma(color=#336699"><TABLE align=center bgcolor=#FCF3F4><TR><TD align=middle><FONT style="FONT-SIZE: 40pt" face=华文新魏 color=#336699><b>好看吗</b></FONT></TD></TR></TABLE></TD></TR></TABLE></td></tr><tr><td align="center"> &lt;TABLE align="center" border="0" cellpadding="0" cellspacing="0" background=http://www.dabaoku.com/gif/168/gif074.gif&gt;&lt;TR&gt;&lt;TD style="FILTER: chroma(color=#336699"&gt;&lt;TABLE align=center bgcolor=#FCF3F4&gt;&lt;TR&gt;&lt;TD align=middle&gt;&lt;FONT style="FONT-SIZE: 40pt" face=华文新魏 color=#336699&gt;&lt;b&gt;好看吗&lt;/b&gt;&lt;/FONT&gt;&lt;/TD&gt;&lt;/TR&gt;&lt;/TABLE&gt;&lt;/TD&gt;&lt;/TR&gt;&lt;/TABLE&gt;</td></tr></table></div></td></tr></table></div>

[ 本帖最后由 天下一家 于 2006-1-30 06:35 PM 编辑 ]

gjb老头子 发表于 2006-2-1 06:56:25

我想要啊谢谢

天下一家 发表于 2006-2-3 09:45:32

[HTML] 运用代码制作分割线

<div align="center"><table border="20" width="100%" style="border-collapse: collapse" bordercolor="#FF9966"><tr><td><table border="2" width="100%" id="table1" style="border-collapse: collapse" bordercolor="#00CCFF" bgcolor="#000000"><tr><td align="center" bordercolor="#33CCFF"> </td></tr><tr><td align="center" bordercolor="#33CCFF"><b><font face="隶书" size="5" color="#FFFFFF">运用HTML代码来做分割线</font></b><table border="1" width="100%" id="table2"><tr><td align="center"><b><font face="隶书" size="4" color="#FFFFFF">最基本的:</font></b><hr width=300 size=1 color=#00ffff align=center noshade><p><font color="#FFFFFF">代码:</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></td></tr><tr><td align="center"><br> <hr width=80% size=3 color=#00ffff style="FILTER: alpha(opacity=100,finishopacity=0,style=3)"><p><font color="#FFFFFF">代码:</font></td></tr><tr><td align="center"><br> <hr width=80% size=3 color=#00ffff style="FILTER: alpha(opacity=100,finishopacity=0,style=1)"><p><font color="#FFFFFF"><br>代码: </font></td></tr><tr><td align="center"><br> <hr width=80% size=1 color=#00ffff style="border:1 dashed #00ffff"><p><font color="#FFFFFF">代码: </font></td></tr><tr><td align="center"><br> <hr width=80% size=3 color=#00ffff style="border:3 double green"><p><font color="#FFFFFF">代码:</font></td></tr><tr><td align="center"><br> <hr width=80% size=3 color=#00ffff style="filter:progid:DXImageTransform.Microsoft.Shadow(color:#f6ae56,direction:145,strength:15)"><p><font color="#FFFFFF">代码: </font></td></tr><tr><td align="center"><br> <hr width=80% size=3 color=#00ffff style="filter:progid:DXImageTransform.Microsoft.Glow(color=#00ffff,strength=10)"><p><font color="#FFFFFF">代码:</font></td></tr><tr><td align="center"> <hr width=80% size=30 color=#00ffff style="filter:alpha(opacity=100,finishopacity=0,style=2)"><p><font color="#FFFFFF">代码: </font></td></tr><tr><td align="center"><b><font color="#FF0000" size="5" face="隶书">注:在使用时用&lt; &gt;代替[ ]即可<BR> 
<BR>
<BR>
楼上想要就拿去了!^_^
</font></b></td></tr></table></td></tr></table></td></tr></table></div>

[ 本帖最后由 听者有心 于 2006-2-13 10:38 AM 编辑 ]

天使之翼 发表于 2006-2-3 11:25:10

谢谢啦!

maggie 发表于 2006-2-3 23:08:33

设计的好漂亮呢~
谢谢

ensing 发表于 2006-2-11 22:10:04

<TABLE align="center" border="0" cellpadding="0" cellspacing="0" background=http://www.dabaoku.com/gif/168/gif074.gif><TR><TD style="FILTER: chroma(color=#336699"><TABLE align=center bgcolor=#FCF3F4><TR><TD align=middle><FONT style="FONT-SIZE: 40pt" face=华文新魏 color=#336699><b>好看吗</b></FONT></TD></TR></TABLE></TD></TR></TABLE>

听者有心 发表于 2006-2-13 10:54:04

[HTML] 给图片加边框的几种方法

<head><meta http-equiv="Content-Language" content="zh-cn"><style>
<!--
blockquote { margin-left:20px;  margin-right:20px; border:#000000  dashed  1px; padding:5px; background-color:#3A3937}
.code { margin-left:20px;  margin-right:20px; padding:5px; background-color:#3A3937}
-->
</style>
</head><div align="center"><table border="30" width="600" id="table1" style="border-collapse: collapse" bordercolor="#FF9966"><tr><td><div align="center"><table border="4" width="100%" id="table2" style="border-collapse: collapse" bordercolor="#33CCFF"><tr><td align="center"> <p><img border="0" src="file:///C:/Documents%20and%20Settings/Administrator/桌面/9.jpg" width="300" height="299"></p><p><b><font face="隶书" size="5">上边是原图<br> </font></b></p><p> </p><p> </p><p> </p><table border="0" cellspacing="0" cellpadding="0" style="border:1px #5F94C9 dashed" id="table3"><tr><td width="5" height="5" style="border-top:2px solid red;border-left:2px solid red;font-size:2pt"></td><td height="5" width="63"></td><td width="5" height="5" style="border-top:2px solid red;border-right:2px solid red;font-size:2pt"></td></tr><tr><td width="5"><br> </td><td bgcolor="#ffffff" valign="top" style="border:2px red solid" class="s12" width="63"><img border="0" src="file:///C:/Documents%20and%20Settings/Administrator/桌面/9.jpg" width="300" height="299"></td><td width="5"></td></tr></table><table border="1" width="83%" id="table4" bgcolor="#C0C0C0"><tr><td align="center">代码:&lt;*table border="0" cellspacing="0" cellpadding="0" style="border:1px #5F94C9 dashed" id="table3"&gt; &lt;tr&gt; &lt;td width="5" height="5" style="border-top:2px solid red;border-left:2px solid red;font-size:2pt"&gt;&lt;/td&gt;&lt;td height="5" width="63"&gt;&lt;/td&gt; &lt;td width="5" height="5" style="border-top:2px solid red;border-right:2px solid red;font-size:2pt"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td width="5"&gt;&lt;br&gt;<br> &lt;/td&gt;&lt;td bgcolor="#ffffff" valign="top" style="border:2px red solid" class="s12" width="63"&gt;<br>&lt;img border="0" src="file:///C:/Documents%20and%20Settings/Administrator/桌面/9.jpg" width="300" height="299"&gt;&lt;/td&gt; &lt;td width="5"&gt;&lt;/td*&gt;</td></tr></table><p> </p><p><table border="0" cellspacing="0" cellpadding="0" style="border:3px #5F94C9 dashed"><tr><td><img border="0" src="file:///C:/Documents%20and%20Settings/Administrator/桌面/9.jpg" width="300" height="299"></td></tr></table><table border="1" width="83%" id="table5" bgcolor="#C0C0C0"><tr><td align="center">代码:&lt;*table border="0" cellspacing="0" cellpadding="0" style="border:3px #5F94C9 dashed"&gt; &lt;tr&gt; &lt;td&gt;<br>&lt;img border="0" src="file:///C:/Documents%20and%20Settings/Administrator/桌面/9.jpg" width="300" height="299"&gt;&lt;/td*&gt;</td></tr></table><p> </p><p><img src="file:///C:/Documents%20and%20Settings/Administrator/桌面/9.jpg" width="300" height="299" style="border:6px #5F94C9 dashed"></p><table border="1" width="83%" id="table6" bgcolor="#C0C0C0"><tr><td align="center">代码:&lt;*img src="file:///C:/Documents%20and%20Settings/Administrator/桌面/9.jpg" width="300" height="299" style="border:6px #5F94C9 dashed"*&gt;</td></tr></table><p> </p><p><br><table border="0" cellspacing="0" cellpadding="0" style="border:8px #5F94C9 dashed"><tr><td><img src="file:///C:/Documents%20and%20Settings/Administrator/桌面/9.jpg" width="300" height="299" style="border:9px #5F94C9 solid"></td></tr></table><table border="1" width="83%" id="table7" bgcolor="#C0C0C0"><tr><td align="center">代码:&lt;*table border="0" cellspacing="0" cellpadding="0" style="border:8px #5F94C9 dashed"&gt;&lt;tr&gt;&lt;td&gt;&lt;img src="file:///C:/Documents%20and%20Settings/Administrator/桌面/9.jpg" width="300" height="299" style="border:9px #5F94C9 solid"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table*&gt;</td></tr></table><p> </p><p> </p><p><table border="0" cellspacing="0" cellpadding="0" style="border:8px #5F94C9 dotted"><tr><td><img src="file:///C:/Documents%20and%20Settings/Administrator/桌面/9.jpg" width="300" height="299" style="border:9px #5F94C9 solid"></td></tr></table><table border="1" width="83%" id="table8" bgcolor="#C0C0C0"><tr><td align="center">代码:&lt;*table border="0" cellspacing="0" cellpadding="0" style="border:8px #5F94C9 dotted"&gt;&lt;tr&gt;&lt;td&gt;&lt;img src="file:///C:/Documents%20and%20Settings/Administrator/桌面/9.jpg" width="300" height="299" style="border:9px #5F94C9 solid"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table*&gt;</td></tr></table><p> </p><p> </p><p><img style="BORDER-RIGHT: #5f94c9 6px double; BORDER-TOP: #5f94c9 6px double; BORDER-LEFT: #5f94c9 6px double; BORDER-BOTTOM: #5f94c9 6px double" height="299" src="file:///C:/Documents%20and%20Settings/Administrator/桌面/9.jpg" width="300"></p><table border="1" width="83%" id="table9" bgcolor="#C0C0C0"><tr><td align="center">代码:&lt;*img style="BORDER-RIGHT: #5f94c9 6px double; BORDER-TOP: #5f94c9 6px double; BORDER-LEFT: #5f94c9 6px double; BORDER-BOTTOM: #5f94c9 6px double" height="299" src="file:///C:/Documents%20and%20Settings/Administrator/桌面/9.jpg" width="300"*&gt;</td></tr></table><p><br><br> </p><p><IMG
style="BORDER-RIGHT: #5f94c9 6px solid; BORDER-TOP: #5f94c9 6px solid; BORDER-LEFT: #5f94c9 6px solid; BORDER-BOTTOM: #5f94c9 6px solid"
height=299
src="file:///C:/Documents%20and%20Settings/Administrator/桌面/9.jpg"
width=300></p><table border="1" width="83%" id="table10" bgcolor="#C0C0C0"><tr><td align="center">代码:&lt;*IMG <br>style="BORDER-RIGHT: #5f94c9 6px solid; BORDER-TOP: #5f94c9 6px solid; BORDER-LEFT: #5f94c9 6px solid; BORDER-BOTTOM: #5f94c9 6px solid" <br>height=299 <br>src="file:///C:/Documents%20and%20Settings/Administrator/桌面/9.jpg" <br>width=300*&gt;</td></tr></table><p><br> </p><p> </p><p><IMG
style="BORDER-RIGHT: #5f94c9 6px ridge; BORDER-TOP: #5f94c9 6px ridge; BORDER-LEFT: #5f94c9 6px ridge; BORDER-BOTTOM: #5f94c9 6px ridge"
height=300
src="file:///C:/Documents%20and%20Settings/Administrator/桌面/9.jpg"
width=299><br> </p><table border="1" width="83%" id="table11" bgcolor="#C0C0C0"><tr><td align="center">代码:&lt;*IMG <br>style="BORDER-RIGHT: #5f94c9 6px ridge; BORDER-TOP: #5f94c9 6px ridge; BORDER-LEFT: #5f94c9 6px ridge; BORDER-BOTTOM: #5f94c9 6px ridge" <br>height=300 <br>src="file:///C:/Documents%20and%20Settings/Administrator/桌面/9.jpg" <br>width=299&gt;&lt;br*&gt;<br> </td></tr></table><p> </p><table border="0" width="100%" id="table12"><tr><td align="center"><b><font face="隶书" size="4">注:使用时根据图片的实际大小,修改高和宽。另外去掉*即可!</font></b></td></tr></table></td></tr></table></div></td></tr></table></div><p> </p><p> </p>

听者有心 发表于 2006-2-13 10:55:42

[HTML] 给图片加边框的几种方法

再添几种偶喜欢的边框!




<head><meta http-equiv="Content-Language" content="zh-cn"><style>
<!--
blockquote { margin-left:20px;  margin-right:20px; border:#000000  dashed  1px; padding:5px; background-color:#3A3937}
.code { margin-left:20px;  margin-right:20px; padding:5px; background-color:#3A3937}
-->
</style>
</head><div align="center"><table border="30" width="600" id="table1" style="border-collapse: collapse" bordercolor="#FF9966"><tr><td><div align="center"><table border="4" width="100%" id="table2" style="border-collapse: collapse" bordercolor="#33CCFF" bgcolor="#CC9900"><tr><td align="center"><center> <p><b><font face="隶书" size="5">凸出框<br></font></b><img src="file:///C:/Documents%20and%20Settings/Administrator/桌面/9.jpg"style="border:20 outset #ff88ff"></p></center><table border="1" width="83%" id="table4" bgcolor="#C0C0C0"><tr><td align="center">代码:<center><*img src="file:///C:/Documents%20and%20Settings/Administrator/桌面/9.jpg"style="border:20 outset #ff88ff"*><p><font face="隶书" size="5" color="#FFFF00">border表示边框厚度(数值大框宽),#ff88ff表示颜色这两个参数可以根据自己的喜好修改。</font><br></p></center></td></tr></table><p> </p><p> </p><p> </p><p><b><font color="#3A3937" size="5" face="隶书">凹进框</font></b> </p><p><center><img src="file:///C:/Documents%20and%20Settings/Administrator/桌面/9.jpg"style="border:25 inset #ff88ff"><table border="1" width="83%" id="table13" bgcolor="#C0C0C0"><tr><td align="center">代码:<center><*img src="file:///C:/Documents%20and%20Settings/Administrator/桌面/9.jpg"style="border:25 inset #ff88ff"*><br><br></center></td></tr></table><p> </p><p><br> </p><p><b><font face="隶书" color="#3A3937" size="5"> 凹槽框</font></b></p><p><center><img src="file:///C:/Documents%20and%20Settings/Administrator/桌面/9.jpg" style="border:25 groove green" border="0"><table border="1" width="83%" id="table14" bgcolor="#C0C0C0"><tr><td align="center">代码:<center><*img src="file:///C:/Documents%20and%20Settings/Administrator/桌面/9.jpg" style="border:25 groove green" border="0"*><br><br><b><font color="#FFFF00" face="隶书" size="5">边框颜色改green即可</font></b><br></center></td></tr></table><p> </p><p> </p><p> </p><p><b><font face="隶书" color="#3A3937" size="5"> 脊状框</font></b></p><p><center><img src="file:///C:/Documents%20and%20Settings/Administrator/桌面/9.jpg" style="border:25 ridge green" border="0"><table border="1" width="83%" id="table15" bgcolor="#C0C0C0"><tr><td align="center">代码:<center><*img src="file:///C:/Documents%20and%20Settings/Administrator/桌面/9.jpg" style="border:25 ridge green" border="0"*><br><br></center></td></tr></table><p> </p><p> </p><p><b><font face="隶书" color="#3A3937" size="5">黑白效果</font></b></p><center><img src="file:///C:/Documents%20and%20Settings/Administrator/桌面/9.jpg" style="filter:'gray'"><table border="1" width="83%" id="table16" bgcolor="#C0C0C0"><tr><td align="center">代码:<center><*img src="file:///C:/Documents%20and%20Settings/Administrator/桌面/9.jpg" style="filter:'gray'"*></center><center><br></center></td></tr></table><p> </p><p> </p><p><b><font face="隶书" color="#3A3937" size="5">横向渐变透明</font></b></p><center><img src="file:///C:/Documents%20and%20Settings/Administrator/桌面/9.jpg"style="filter=alpha(opacity=100,style=1,finishopacity=0)"><table border="1" width="83%" id="table17" bgcolor="#C0C0C0"><tr><td align="center">代码:<center><*img src="file:///C:/Documents%20and%20Settings/Administrator/桌面/9.jpg"style="filter=alpha(opacity=100,style=1,finishopacity=0)"*><center> <br></center></td></tr></table><p> </p></p></center></p></center></center></center><table border="0" width="100%" id="table12"><tr><td align="center"> </td></tr></table></td></tr></table></div></td></tr></table></div><p> </p><p> </p>
页: [1] 2 3 4 5 6 7 8 9
查看完整版本: 【天下一家谈 HTML 系列之二】文字特效、分割线与图片加边框的方法