物质力 发表于 2006-3-24 17:19

介绍一些简单的装饰性边框代码

<br><br>
<span style=\"font-size: 12px\"><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=\'auto\';\">
<P>一、各色阴影边框。</P>
<P>例图: </P>
<TABLE id=table1 style=\"TABLE-LAYOUT: fixed; LEFT: -120px; WIDTH: 800px; POSITION: relative; TOP: 0px\" cellSpacing=0 cellPadding=0 width=\"100%\" border=0>
<TBODY>
<TR>
<TD vAlign=top>
<TABLE cellSpacing=0 cellPadding=0 width=\"100%\" border=0>
<TBODY>
<TR>
<TD style=\"PADDING-TOP: 15px\" vAlign=top>
<CENTER>
<TABLE style=\"FILTER: progid:DXImageTransform.Microsoft.Shadow(color:#9BC2DB,direction:145,strength:15)\" cellSpacing=3 cellPadding=20 border=2>
<TBODY>
<TR>
<TD>
<P align=center>
<TABLE height=717 cellSpacing=10 cellPadding=10 width=498 background=http://www.sohoxiaobao.com/chinese/bbs/uploadfile/_2005a/20051009-224008_39599.jpg>
<TBODY>
<TR>
<TD width=400>
<MARQUEE scrollAmount=1 scrollDelay=100 direction=down behavior=slide height=410>
<MARQUEE scrollAmount=1 scrollDelay=100 direction=up height=400>
<P align=left><FONT face=楷体_GB2312 color=#ffffff><B>就像对思念说一声:你好<BR>一样平常。我的哀愁进入了纯洁<BR>其他还需要什么<BR><BR>我很想把它关上。<BR>那首诗的尾句<BR>却与今天的傍晚相连:<BR>感觉好美<BR>等待好美。<BR>朝朝暮暮朝一个方向<BR><BR>爱是一种方式,想象是另一种<BR>花儿边开边跑。<BR>思念希望流浪<BR>我仍然想把它关上。<BR>你好:哀愁<BR><BR>就像月光照在心上一样平常<BR>又如此意味深长。<BR>继续写诗吧<BR>只要看见你的名字<BR>就让我做月下最瘦的一株菊花<BR>你知道<BR><BR>我<BR><BR>在<BR><BR>等<BR><BR>你<BR><BR><BR>图文:网络 <BR>雨落秋潭编辑</P></FONT></B></MARQUEE></MARQUEE></TD>
<TD width=200>
<P align=right><EMBED src=http://love.xaonline.com/upload/2004114/UF200411415025.swf width=260 height=550 type=application/x-shockwave-flash wmode=\"transparent\"></P></TD></TR></TBODY></TABLE></P></TD></TR></TBODY></TABLE></CENTER></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><EMBED style=\"RIGHT: 30px; LEFT: 20px; WIDTH: 550px; POSITION: absolute; TOP: 20px; HEIGHT: 917px\" align=right src=http://youngcolor.com.ne.kr/swf1/15.swf type=application/octet-stream wmode=\"transparent\" quality=\"high\"> <BR><BR>
<DIV></DIV><BR><BR>
<DIV></DIV><BR></DIV>
<P>一楼例图代码:</P>
<P><TABLE <FONT color=#ff0000>id=table1 style=\"TABLE-LAYOUT: fixed; LEFT: -120px; WIDTH: 800px; POSITION: relative; TOP: 0px\"</FONT> cellSpacing=0 cellPadding=0 width=\"100%\" border=0>——<FONT color=#3c57c4>在这里通过修改相关数据来定义你所选中图片的宽度、位置、是否全屏显示等。</FONT><BR><TBODY><BR><TR><BR><TD vAlign=top><BR><TABLE cellSpacing=0 cellPadding=0 width=\"100%\" border=0><BR><TBODY><BR><TR><BR><TD style=\"PADDING-TOP: 15px\" vAlign=top><BR><CENTER><BR><TABLE style=\"FILTER: progid:DXImageTransform.Microsoft.Shadow(<FONT color=#ff0000>color:#9BC2DB</FONT>,direction:145,strength:15)\" cellSpacing=3 cellPadding=20 border=2>——<FONT color=#4d4db3>在这里通过修改红色标注的颜色代码,来达到和图片匹配协调的阴影边框颜色</FONT>。<BR><TBODY><BR><TR><BR><TD><BR><P align=center><BR><TABLE height=717 cellSpacing=10 cellPadding=10 width=498 background=http://www.sohoxiaobao.com/chinese/bbs/uploadfile/_2005a/20051009-224008_39599.jpg target=_blank>>——<FONT color=#3f56af>这里换上选中的图片地址<BR></FONT><TBODY><BR><TR><BR><TD width=400><BR><FONT color=#ff0000><MARQUEE scrollAmount=1 scrollDelay=100 direction=down behavior=slide height=410><BR><MARQUEE scrollAmount=1 scrollDelay=100 direction=up height=400>——</FONT><FONT color=#6750c0>在这里修改滚动字的方向、速度及在图片上的滚动范围、尺寸<BR></FONT><P align=left><<FONT color=#ff0000>FONT face=楷体_GB2312 color=#ffffff size=3</FONT>><B>就像对思念说一声:你好<BR>一样平常。我的哀愁进入了纯洁<BR>其他还需要什么<BR><BR>我很想把它关上。<BR>那首诗的尾句<BR>却与今天的傍晚相连:<BR>感觉好美<BR>等待好美。<BR>朝朝暮暮朝一个方向<BR><BR>爱是一种方式,想象是另一种<BR>花儿边开边跑。<BR>思念希望流浪<BR>我仍然想把它关上。<BR>你好:哀愁<BR><BR>就像月光照在心上一样平常<BR>又如此意味深长。<BR>继续写诗吧<BR>只要看见你的名字<BR>就让我做月下最瘦的一株菊花<BR>你知道<BR><BR>我<BR><BR>在<BR><BR>等<BR><BR>你<BR><BR><BR>图文:网络 <BR>雨落秋潭编辑</P></FONT></B></MARQUEE></MARQUEE></TD><BR><TD width=200><BR><P align=right><EMBED src=<FONT color=#ff0000><A href=\"http://love.xaonline.com/upload/2004114/UF200411415025.swf\" target=_blank><a href=\"http://love.xaonline.com/upload/2004114/UF200411415025.swf\" target=\"_blank\">http://love.xaonline.com/upload/2004114/UF200411415025.swf</a></A></FONT> width=260 height=550 type=application/x-shockwave-flash wmode=\"transparent\"></P></TD></TR></TBODY></TABLE></P></TD></TR></TBODY></TABLE></CENTER></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><EMBED style=\"RIGHT: 30px; LEFT: 120px; WIDTH: 700px; POSITION: absolute; TOP: 350px; HEIGHT: 717px\" align=right src=<FONT color=#ff0000><A href=\"http://youngcolor.com.ne.kr/swf1/15.swf\" target=_blank><a href=\"http://youngcolor.com.ne.kr/swf1/15.swf\" target=\"_blank\">http://youngcolor.com.ne.kr/swf1/15.swf</a></A></FONT> type=application/octet-stream wmode=\"transparent\" quality=\"high\"> ——<FONT color=#2043ce>在红色标注的地方换上想要的透明FLASH做装饰</FONT></P>
<P><EMBED src=<FONT color=#ff0000><A href=\"http://mms.blog.xuite.net/bf/23/13175173/blog_56524/dv/3613744/3613744.wma\" target=_blank><a href=\"http://mms.blog.xuite.net/bf/23/13175173/blog_56524/dv/3613744/3613744.wma\" target=\"_blank\">http://mms.blog.xuite.net/bf/23/ ... 3613744/3613744.wma</a></A></FONT> hidden=true type=audio/x-ms-wma AUTOSTART=\"TRUE\" LOOP=\"TRUE\" wma> ——<FONT color=#2b4dd5>换上想用的背景音乐网址</FONT></P>

物质力 发表于 2006-3-24 17:22

<span style="font-size: 12px">换成红色边框: <BR>例图: <BR>
<TABLE id=table1 style="TABLE-LAYOUT: fixed; LEFT: 0px; WIDTH: 350px; POSITION: relative; TOP: 10px" cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD vAlign=top>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD style="PADDING-TOP: 15px" vAlign=top>
<CENTER>
<TABLE style="FILTER: progid:DXImageTransform.Microsoft.Shadow(color:#BE0E0E,direction:145,strength:15)" cellSpacing=3 cellPadding=20 border=2>
<TBODY>
<TR>
<TD>
<P align=center>
<TABLE height=109 cellSpacing=10 cellPadding=10 width=256 background=http://www.yue.cc/bbs/UploadFile/2005-12/2005121418352135871.gif>
<TBODY>
<TR>
<TD width=256></TD></TR><BR></TR></TBODY></TABLE>
<CENTER></CENTER></TD></TR></TBODY></TABLE></CENTER></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><BR></span>

物质力 发表于 2006-3-24 17:22

</a>
<span style="font-size: 12px">换成红色边框代码:<br />
<TABLE id=table1 style="TABLE-LAYOUT: fixed; LEFT: 0px; WIDTH: 350px; POSITION: relative; TOP: 10px" cellSpacing=0 cellPadding=0 width="100%" border=0><br />
<TBODY><br />
<TR><br />
<TD vAlign=top><br />
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0><br />
<TBODY><br />
<TR><br />
<TD style="PADDING-TOP: 15px" vAlign=top><br />
<CENTER><br />
<TABLE style="FILTER: progid:DXImageTransform.Microsoft.Shadow(<font color="Red">color:#BE0E0E</font>,direction:145,strength:15)" cellSpacing=3 cellPadding=20 border=2>——只在这里换了颜色代码,风格就完全变了。<br />
<TBODY><br />
<TR><br />
<TD><br />
<P align=center><br />
<TABLE height=109 cellSpacing=10 cellPadding=10 width=256 background=http://www.yue.cc/bbs/UploadFile/2005-12/2005121418352135871.gif><br />
<TBODY><br />
<TR><br />
<TD width=256></TD></TR><BR></TR></TBODY></TABLE><br />
<CENTER></CENTER></TD></TR></TBODY></TABLE></CENTER></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><BR><br />

物质力 发表于 2006-3-24 17:23

</a>
<span class="smalltxt"><span class="bold">二、各色花边边框</span></span><br><br>
<span style="font-size: 12px">1。邮票花边框<BR><BR><FONT face=黑体 color=#008000 size=3></FONT>
<P>
<TABLE style="BORDER-RIGHT: #245424 3px dashed; BORDER-TOP: #245424 3px dashed; BORDER-LEFT: #245424 3px dashed; WIDTH: 500px; BORDER-BOTTOM: #245424 3px dashed" cellSpacing=0 cellPadding=0 align=center>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#245424 height=300 cellSpacing=2 cellPadding=40 width=500 align=center bgColor=#245424 border=9>
<TBODY>
<TR>
<TD background=http://www.yue.cc/bbs/UploadFile/2005-12/2005121418384563346.jpg>
<TABLE border=0>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>
<P><BR>代码:</P>
<P><P><BR><TABLE style="BORDER-RIGHT: <FONT color=#ff0066>#245424 3px</FONT> dashed; BORDER-TOP: <FONT color=#ff0033>#245424 3px</FONT> dashed; BORDER-LEFT: <FONT color=#ff0033>#245424 3px</FONT> dashed; WIDTH: 500px; BORDER-BOTTOM: #<FONT color=#ff0066>245424 3px</FONT> dashed" cellSpacing=0 cellPadding=0 align=center>__<FONT color=#4d61b3>可以通过修改这上下左右四组颜色代码和花边宽度来改变图的风格</FONT><BR><TBODY><BR><TR><BR><TD><BR><TABLE borderColor=#<FONT color=#ff0066>245424</FONT> height=300 cellSpacing=2 cellPadding=40 width=500 align=center bgColor=#<FONT color=#ff0033>245424</FONT> border=9>—<FONT color=#2975e8>这是背景和边框颜色<BR></FONT><TBODY><BR><TR><BR><TD background=http://www.yue.cc/bbs/UploadFile/2005-12/2005121418384563346.jpg><BR><TABLE border=0><BR><TBODY><BR><TR><BR><TD></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P><BR><BR><BR><BR></span>
</td></tr></table>
</td></tr>

物质力 发表于 2006-3-24 17:24

</a>
<span style="font-size: 12px">换颜色、改尺寸,变换风格:</STRONG></P>

<TABLE style="BORDER-RIGHT: #e44e8a 5px dashed; BORDER-TOP: #e44e8a 5px dashed; BORDER-LEFT: #e44e8a 5px dashed; WIDTH: 375px; BORDER-BOTTOM: #e44e8a 5px dashed" cellSpacing=0 cellPadding=0 align=center>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#e44e8a height=500 cellSpacing=2 cellPadding=40 width=375 align=center bgColor=#e44e8a border=3>
<TBODY>
<TR>
<TD background=http://www.yue.cc/bbs/UploadFile/2005-12/2005121418371584820.jpg>
<TABLE border=0>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>


<P>代码:</P>
<P><P><BR><TABLE style="BORDER-RIGHT: #<FONT color=#ff0000>e44e8a <FONT color=#2248dd>5</FONT>px</FONT> dashed; BORDER-TOP: #<FONT color=#ff0000>e44e8a <FONT color=#2b4dd5>5</FONT>px</FONT> dashed; BORDER-LEFT: <FONT color=#ff0000>#e44e8a <FONT color=#3c57c4>5</FONT>px</FONT> dashed; WIDTH: <FONT color=#3352cc>375px</FONT>; BORDER-BOTTOM: <FONT color=#ff0000>#e44e8a<FONT color=#3c3cc4> 5</FONT>px</FONT> dashed" cellSpacing=0 cellPadding=0 align=center><BR><TBODY><BR><TR><BR><TD><BR><TABLE borderColor=#<FONT color=#ff0000>e44e8a</FONT> height=<FONT color=#226ddd>500</FONT> cellSpacing=2 cellPadding=40 width=<FONT color=#445cbb>375</FONT> align=center bgColor<FONT color=#ff0000>=#e44e8a</FONT> border=<FONT color=#226ddd>3</FONT>><BR><TBODY><BR><TR><BR><TD background=http://www.yue.cc/bbs/UploadFile/2005-12/2005121418371584820.jpg><BR><TABLE border=0><BR><TBODY><BR><TR><BR><TD></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P></P>

<P>换了颜色和边框尺寸,风格也为之一变。</P>
<P>还可以把花边和边框用不同颜色区分开来,也很有效果。有兴趣的可以试着调整,偶就不做了。</P>

物质力 发表于 2006-3-24 17:26

</a>
<span style="font-size: 12px"><STRONG>2。多层边框</STRONG>
<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='auto';">四层边框例图: <BR>
<P>
<TABLE style="BORDER-RIGHT: #4d2d7d 3px dotted; BORDER-TOP: #4d2d7d 3px dotted; BORDER-LEFT: #4d2d7d 3px dotted; WIDTH: 520px; BORDER-BOTTOM: #4d2d7d 3px dotted" cellSpacing=0 cellPadding=0 width=520 align=center>
<TBODY>
<TR>
<TD>
<TABLE style="BORDER-RIGHT: #7d69c9 6px dotted; BORDER-TOP: #7d69c9 6px dotted; BORDER-LEFT: #7d69c9 6px dotted; BORDER-BOTTOM: #7d69c9 6px dotted" cellSpacing=0 cellPadding=0 width=520>
<TBODY>
<TR>
<TD>
<TABLE style="BORDER-RIGHT: #4d2d7d 8px dotted; BORDER-TOP: #4d2d7d 8px dotted; BORDER-LEFT: #4d2d7d 8px dotted; BORDER-BOTTOM: #4d2d7d 8px dotted" cellSpacing=0 cellPadding=0 width=520>
<TBODY>
<TR>
<TD style="BORDER-RIGHT: #7b7bc0 1px dotted; BORDER-TOP: #7b7bc0 1px dotted; BORDER-LEFT: #7b7bc0 1px dotted; BORDER-BOTTOM: #7b7bc0 1px dotted" borderColor=#7b7bc0 width=520 bgColor=#7b7bc0 height=578 cellspacing="0" cellpadding="0" border="0">
<TABLE height=578 cellSpacing=0 cellPadding=20 width=520 background=http://www.sohoxiaobao.com/chinese/bbs/uploadfile/_2005a/20050929-201500_36022.jpg border=0>
<TBODY>
<TR>
<TD>
<P align=center>
<TABLE style="FONT-WEIGHT: normal; FONT-SIZE: 9pt; LEFT: 350px; WIDTH: 220px; LINE-HEIGHT: normal; FONT-STYLE: normal; POSITION: absolute; TOP: 520px; HEIGHT: 160px; FONT-VARIANT: normal" height=150 cellSpacing=0 cellPadding=0 width=220 align=center border=0>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<DIV></DIV>
<P><BR>代码:</P>
<P><P><BR><TABLE style="BORDER-RIGHT: #4d2d7d 3px dotted; BORDER-TOP: #4d2d7d 3px dotted; BORDER-LEFT: #4d2d7d 3px dotted; WIDTH: 520px; BORDER-BOTTOM: #4d2d7d 3px dotted" cellSpacing=0 cellPadding=0 width=520 align=center>——<FONT color=#ff0033>第一层<BR></FONT><TBODY><BR><TR><BR><TD><BR><TABLE style="BORDER-RIGHT: #7d69c9 6px dotted; BORDER-TOP: #7d69c9 6px dotted; BORDER-LEFT: #7d69c9 6px dotted; BORDER-BOTTOM: #7d69c9 6px dotted" cellSpacing=0 cellPadding=0 width=520>——<FONT color=#ff0066>第二层</FONT><BR><TBODY><BR><TR><BR><TD><BR><TABLE style="BORDER-RIGHT: #4d2d7d 8px dotted; BORDER-TOP: #4d2d7d 8px dotted; BORDER-LEFT: #4d2d7d 8px dotted; BORDER-BOTTOM: #4d2d7d 8px dotted" cellSpacing=0 cellPadding=0 width=520>——<FONT color=#ff0033>第三层<BR></FONT><TBODY><BR><TR><BR><TD style="BORDER-RIGHT: #7b7bc0 1px dotted; BORDER-TOP: #7b7bc0 1px dotted; BORDER-LEFT: #7b7bc0 1px dotted; BORDER-BOTTOM: #7b7bc0 1px dotted" borderColor=#7b7bc0 width=520 bgColor=#7b7bc0 height=578 border="0" cellpadding="0" cellspacing="0">——<FONT color=#ff0033>第四层</FONT><BR><TABLE height=578 cellSpacing=0 cellPadding=20 width=520 background=uploadfile/_2005a/20050929-201500_36022.jpg border=0><BR><TBODY><BR><TR><BR><TD><BR><P align=center><BR><TABLE style="FONT-WEIGHT: normal; FONT-SIZE: 9pt; LEFT: 350px; WIDTH: 220px; LINE-HEIGHT: normal; FONT-STYLE: normal; POSITION: absolute; TOP: 520px; HEIGHT: 160px; FONT-VARIANT: normal" height=150 cellSpacing=0 cellPadding=0 width=220 align=center border=0><BR><TBODY><BR><TR><BR><TD></TD></TR></TBODY></TABLE></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><BR><DIV></DIV><BR></P></span>
</td></tr></table>
</td></tr>

物质力 发表于 2006-3-24 17:26

</a>
<span style="font-size: 12px"><P><FONT color=#ff0000>通过改变各层的颜色代码和边框宽度可以改变风格。</FONT></P></DIV><STRONG>改变色彩及边框宽度:</STRONG>
<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='auto';">
<P>
<TABLE style="BORDER-RIGHT: #3faf6c 6px dotted; BORDER-TOP: #3faf6c 6px dotted; BORDER-LEFT: #3faf6c 6px dotted; WIDTH: 500px; BORDER-BOTTOM: #3faf6c 6px dotted" cellSpacing=0 cellPadding=0 width=500 align=center>
<TBODY>
<TR>
<TD>
<TABLE style="BORDER-RIGHT: #439b43 6px dotted; BORDER-TOP: #439b43 6px dotted; BORDER-LEFT: #439b43 6px dotted; BORDER-BOTTOM: #439b43 6px dotted" cellSpacing=0 cellPadding=0 width=500>
<TBODY>
<TR>
<TD>
<TABLE style="BORDER-RIGHT: #94d1b9 5px dotted; BORDER-TOP: #94d1b9 5px dotted; BORDER-LEFT: #94d1b9 5px dotted; BORDER-BOTTOM: #94d1b9 5px dotted" cellSpacing=0 cellPadding=0 width=500>
<TBODY>
<TR>
<TD style="BORDER-RIGHT: #3f6c3f 2px dotted; BORDER-TOP: #3f6c3f 2px dotted; BORDER-LEFT: #3f6c3f 2px dotted; BORDER-BOTTOM: #3f6c3f 2px dotted" borderColor=#3f6c3f width=500 bgColor=#3f6c3f height=300 cellspacing="0" cellpadding="0" border="0">
<TABLE height=300 cellSpacing=0 cellPadding=20 width=500 background=http://storage.msn.com/x1pNWjjkHJ3o_z2zmDM5SxtvYwGQoWNILgYBoPmTNHkzx-OB-Rj62zGEGY2TdJ0hlv4yg8eWFNRK34m_kGbSXLPRIzXpB04w6Rrign6epQCbiRhSKDyf0aLFn80heYTobnc border=0>
<TBODY>
<TR>
<TD>
<P align=center>
<TABLE style="FONT-WEIGHT: normal; FONT-SIZE: 9pt; LEFT: 350px; WIDTH: 220px; LINE-HEIGHT: normal; FONT-STYLE: normal; POSITION: absolute; TOP: 520px; HEIGHT: 160px; FONT-VARIANT: normal" height=150 cellSpacing=0 cellPadding=0 width=220 align=center border=0>
<TBODY>
<TR>
<TD><STRONG></STRONG></TD></TR></TBODY></TABLE></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<DIV><STRONG></STRONG></DIV>
<P>代码:<P><BR><TABLE style="BORDER-RIGHT: #3faf6c 6px dotted; BORDER-TOP: #3faf6c 6px dotted; BORDER-LEFT: #3faf6c 6px dotted; WIDTH: 500px; BORDER-BOTTOM: #3faf6c 6px dotted" cellSpacing=0 cellPadding=0 width=500 align=center><BR><TBODY><BR><TR><BR><TD><BR><TABLE style="BORDER-RIGHT: #439b43 6px dotted; BORDER-TOP: #439b43 6px dotted; BORDER-LEFT: #439b43 6px dotted; BORDER-BOTTOM: #439b43 6px dotted" cellSpacing=0 cellPadding=0 width=500><BR><TBODY><BR><TR><BR><TD><BR><TABLE style="BORDER-RIGHT: #94d1b9 5px dotted; BORDER-TOP: #94d1b9 5px dotted; BORDER-LEFT: #94d1b9 5px dotted; BORDER-BOTTOM: #94d1b9 5px dotted" cellSpacing=0 cellPadding=0 width=500><BR><TBODY><BR><TR><BR><TD style="BORDER-RIGHT: #3f6c3f 2px dotted; BORDER-TOP: #3f6c3f 2px dotted; BORDER-LEFT: #3f6c3f 2px dotted; BORDER-BOTTOM: #3f6c3f 2px dotted" borderColor=#3f6c3f width=500 bgColor=#3f6c3f height=300 border="0" cellpadding="0" cellspacing="0"><BR><TABLE height=300 cellSpacing=0 cellPadding=20 width=500 background=http://storage.msn.com/x1pNWjjkHJ3o_z2zmDM5SxtvYwGQoWNILgYBoPmTNHkzx-OB-Rj62zGEGY2TdJ0hlv4yg8eWFNRK34m_kGbSXLPRIzXpB04w6Rrign6epQCbiRhSKDyf0aLFn80heYTobnc border=0><BR><TBODY><BR><TR><BR><TD><BR><P align=center><BR><TABLE style="FONT-WEIGHT: normal; FONT-SIZE: 9pt; LEFT: 350px; WIDTH: 220px; LINE-HEIGHT: normal; FONT-STYLE: normal; POSITION: absolute; TOP: 520px; HEIGHT: 160px; FONT-VARIANT: normal" height=150 cellSpacing=0 cellPadding=0 width=220 align=center border=0><BR><TBODY><BR><TR><BR><TD></TD></TR></TBODY></TABLE></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><BR><DIV></DIV><BR><P></P></P></DIV></span>
</td></tr></table>
</td></tr>

物质力 发表于 2006-3-24 17:27

</a>
<span class="smalltxt"><span class="bold">3。简单的单层边框</span></span><br><br>
<span style="font-size: 12px"><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='auto';">
<DIV align=center>
<TABLE style="BORDER-TOP-STYLE: dashed; BORDER-RIGHT-STYLE: dashed; BORDER-LEFT-STYLE: dashed; BORDER-BOTTOM-STYLE: dashed" borderColor=#56CC56cellSpacing=12 cellPadding=6 width=474 bgColor=#ffffff border=5>
<TBODY>
<TR>
<TD background=http://pic.yesky.com/sucai/200411/20041109/sen7.jpg height=400> <BR><BR><BR><BR><BR><BR>
<P><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer align=right src=http://imgfree.21cn.com/free/flash/58.swf width=390 height=160 type=application/x-shockwave-flash quality="high" wmode="transparent">   <BR>
<P> <BR><BR><BR><BR>
<P><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer align=right src=http://mtv.vicn.com/upload/2004482345353317.swf width=416 height=178 type=application/x-shockwave-flash quality="high" wmode="transparent"> <BR><BR><BR><BR><BR><BR><BR> <BR><BR>
<P><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer align=right src=http://imgfree.21cn.com/free/flash/17.swf width=346 height=160 type=application/x-shockwave-flash wmode="transparent" quality="high"><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer align=left src=http://imgfree.21cn.com/free/flash/73.swf width=279 height=120 type=application/x-shockwave-flash wmode="transparent" quality="high"></P>
<P><BR><BR><BR><BR><BR>
<P> <BR><BR><BR></P></TD></TR>
<TR>
<TD>
<P align=center>
<TABLE style="BORDER-RIGHT: #56CC56 3px dotted; BORDER-TOP: #56CC56 3px dotted; BORDER-LEFT: #56CC56 3px dotted; BORDER-BOTTOM: #56CC56 3px dotted" cellSpacing=0 cellPadding=0 align=center bgColor=white>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#56CC56 align=center bgColor=#56CC56 border=2>
<TBODY>
<TR>
<TD style="FILTER: alpha(opacity=100,style=3)">
<P align=center><EMBED src=http://www.htcourt.cn/forum/UploadFile/2006-3/20063723464175447.mp3 width=300 height=45 type=audio/mpeg volume="0" autostart="1" loop="-1"></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></FONT></P></TD>
<DIV></DIV></TR></TBODY></TABLE></DIV>
<DIV align=center></DIV>
<DIV align=left>代码:</DIV>
<DIV align=left><DIV align=center><BR><FONT color=#ff0000><TABLE style="BORDER-TOP-STYLE: dashed; BORDER-RIGHT-STYLE: dashed; BORDER-LEFT-STYLE: dashed; BORDER-BOTTOM-STYLE: dashed" borderColor=#663300 cellSpacing=12 cellPadding=6 width=474 bgColor=#ffffff border=5>——只此一层,却很出效果。</FONT><BR><TBODY><BR><TR><BR><TD background=http://pic.yesky.com/sucai/200411/20041109/sen7.jpg height=400> <BR><BR><BR><BR><BR><BR><BR><P><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer align=right src=http://imgfree.21cn.com/free/flash/58.swf width=390 height=160 type=application/x-shockwave-flash wmode="transparent" quality="high">   <BR><BR><P> <BR><BR><BR><BR><BR><P><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer align=right src=http://mtv.vicn.com/upload/2004482345353317.swf width=416 height=178 type=application/x-shockwave-flash wmode="transparent" quality="high"> <BR><BR><BR><BR><BR><BR><BR> <BR><BR><BR><P><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer align=right src=http://imgfree.21cn.com/free/flash/17.swf width=346 height=160 type=application/x-shockwave-flash quality="high" wmode="transparent"><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer align=left src=http://imgfree.21cn.com/free/flash/73.swf width=279 height=120 type=application/x-shockwave-flash quality="high" wmode="transparent"></P><BR><P><BR><BR><BR><BR><BR><BR><P> <BR><BR><BR></P></TD></TR><BR><TR><BR><TD><BR><P align=center><BR><TABLE style="BORDER-RIGHT: #663300 3px dotted; BORDER-TOP: #663300 3px dotted; BORDER-LEFT: #663300 3px dotted; BORDER-BOTTOM: #663300 3px dotted" cellSpacing=0 cellPadding=0 align=center bgColor=white><BR><TBODY><BR><TR><BR><TD><BR><TABLE borderColor=#663300 align=center bgColor=#663300 border=2><BR><TBODY><BR><TR><BR><TD style="FILTER: alpha(opacity=100,style=3)"><BR><P align=center><EMBED src=http://dcx78.nease.net/yinyue/yin001.mp3 width=300 height=45 type=audio/mpeg loop="-1" autostart="0" volume="0"></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></FONT></P></TD><BR><DIV></DIV></TR></TBODY></TABLE></DIV>

物质力 发表于 2006-3-24 17:28

</a>
<span style="font-size: 12px">改变色彩和边框尺寸,效果也变了:</STRONG>
<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='auto';">
<DIV align=center>
<TABLE style="BORDER-TOP-STYLE: dashed; BORDER-RIGHT-STYLE: dashed; BORDER-LEFT-STYLE: dashed; BORDER-BOTTOM-STYLE: dashed" borderColor=#d7d718 cellSpacing=12 cellPadding=6 width=500 bgColor=#ffffff border=3>
<TBODY>
<TR>
<TD background=http://storage.msn.com/x1pNWjjkHJ3o_z2zmDM5SxtveLXuJtEtpq6BaWqWrwEMaw1tteQHRX-3sYil0ooLxJAjDERRp5PDFxkWCorxVADjLb5TgSnKb3Dl86t1tknWiRqGwvuIVje4chbT6W8zpni height=300>  </TD>
<DIV></DIV></TR></TBODY></TABLE></DIV>
<P>代码:</P>
<P><DIV align=center><BR><TABLE style="BORDER-TOP-STYLE: dashed; BORDER-RIGHT-STYLE: dashed; BORDER-LEFT-STYLE: dashed; BORDER-BOTTOM-STYLE: dashed" borderColor=#d7d718 cellSpacing=12 cellPadding=6 width=500 bgColor=#ffffff border=3><BR><TBODY><BR><TR><BR><TD background=http://storage.msn.com/x1pNWjjkHJ3o_z2zmDM5SxtveLXuJtEtpq6BaWqWrwEMaw1tteQHRX-3sYil0ooLxJAjDERRp5PDFxkWCorxVADjLb5TgSnKb3Dl86t1tknWiRqGwvuIVje4chbT6W8zpni height=300>  </TD><BR><DIV></DIV></TR></TBODY></TABLE></DIV></P></DIV></span>
</td></tr></table>
</td></tr>

物质力 发表于 2006-3-24 17:29

</a>
<span style="font-size: 12px"><STRONG>4。简单的单线边框相架</STRONG>
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD style="BORDER-TOP: #647ce0 2px solid; FONT-SIZE: 2pt; BORDER-LEFT: #647ce0 2px solid" width=5 height=5> </TD>
<TD width=63 height=5></TD>
<TD style="BORDER-RIGHT: #647ce0 2px solid; BORDER-TOP: #647ce0 2px solid; FONT-SIZE: 2pt" width=5 height=5> </TD></TR>
<TR>
<TD width=5></TD>
<TD class=s12 style="BORDER-RIGHT: #647ce0 2px solid; BORDER-TOP: #647ce0 2px solid; BORDER-LEFT: #647ce0 2px solid; BORDER-BOTTOM: #647ce0 2px solid" vAlign=top width=458 bgColor=#F9B0DC><IMG src="http://www.sohoxiaobao.com/chinese/bbs/uploadfile/_2006/20060209-021405_14108.jpg"></TD>
<TD width=5></TD></TR>
<TR>
<TD style="FONT-SIZE: 2pt; BORDER-LEFT: #647ce0 2px solid; BORDER-BOTTOM: #647ce0 2px solid" width=5 height=5> </TD>
<TD width=63 height=5></TD>
<TD style="BORDER-RIGHT: #647ce0 2px solid; FONT-SIZE: 2pt; BORDER-BOTTOM: #647ce0 2px solid" width=5 height=5> </TD></TR></TBODY></TABLE>
<P>代码:</P>
<P><TABLE cellSpacing=0 cellPadding=0 border=0><BR><TBODY><BR><TR><BR><TD style="BORDER-TOP: #<FONT color=#33cc33>647ce0 2px</FONT> solid; FONT-SIZE: 2pt; BORDER-LEFT: <FONT color=#33cc33>#647ce0 2px</FONT> solid" width=5 height=5>——<FONT color=#ff0000>左上角相架</FONT> </TD><BR><TD width=63 height=5></TD><BR><TD style="BORDER-RIGHT: #<FONT color=#4dd52b>647ce0 2px</FONT> solid; BORDER-TOP: #<FONT color=#57c43c>647ce0 2px</FONT> solid; FONT-SIZE: 2pt" width=5 height=5>——<FONT color=#ff0000>右上角相架</FONT> </TD></TR><BR><TR><BR><TD width=5></TD><BR><TD class=s12 style="BORDER-RIGHT: #<FONT color=#33cc33>647ce0 2px</FONT> solid; BORDER-TOP: #<FONT color=#33cc33>647ce0 2px</FONT> solid; BORDER-LEFT: #<FONT color=#44bb5c>647ce0 2px</FONT> solid; BORDER-BOTTOM: #<FONT color=#33cc33>647ce0 2px</FONT> solid" vAlign=top width=63 bgColor=#F9B0DC>——<FONT color=#ff0000>单线边框</FONT></P>
<P><IMG height=250 src="http://www.hostpic.biz/uploads/02198cc741.jpg" width=400></TD><BR><TD width=5></TD></TR><BR><TR><BR><TD style="FONT-SIZE: 2pt; BORDER-LEFT: #<FONT color=#33cc33>647ce0 2px</FONT> solid; BORDER-BOTTOM: #<FONT color=#3cc43c>647ce0 2px</FONT> solid" width=5 height=5>——<FONT color=#ff0000>左下角相架</FONT> </TD><BR><TD width=63 height=5></TD><BR><TD style="BORDER-RIGHT: #64<FONT color=#3cc43c>7ce0 2px</FONT> solid; FONT-SIZE: 2pt; BORDER-BOTTOM: #<FONT color=#44bb5c>647ce0 2px</FONT> solid" width=5 height=5>——<FONT color=#ff0000>右下角相架</FONT> </TD></TR></TBODY></TABLE></P>
<P><FONT color=#c43c8d>可以不要相架只保留单线边框那一句,就是一个完整的边框装饰了。也可以改变所有绿色体字标注的颜色代码和边框尺寸来变换风格。</FONT></P></span>
</td></tr></table>
</td></tr>
页: [1] 2
查看完整版本: 介绍一些简单的装饰性边框代码