教你用代码做些简便的边框及技巧

教你用代码做些简便的边框及技巧 双线透明边框及代码 <TABLE borderColor=#e23433 cellSpacing=3 cellPadding=3 width=800 align=center border=2> <TBODY> <TR> <TD> <P align=center><FONT face=宋体 color=#ff6600 size=5><STRONG>双线透明边框及代码</STRONG></FONT></P></TD></TR></TBODY></TABLE> 说明：你想改边框颜色就换颜色代码e23433；要改双线的间隙就改数字3：cellSpacing=3 cellPadding=3； 想要外框粗一点，改数字2：border=2如果数字改为0，边框隐藏。 双线边框加底色及代码 <TABLE borderColor=#e23433 cellSpacing=3 cellPadding=3 width=800 bgColor=#999999 align=center border=2> <TBODY> <TR> <TD> <P align=center><FONT face=宋体 color=#ff6600 size=5><STRONG>双线边框加底色及代码</STRONG></FONT></P></TD></TR></TBODY></TABLE> 说明：要加底色，其它代码与上面相同，只增加一个底色代码bgColor=#999999，可以换颜色。 双线加底色变单线边框及代码 <TABLE borderColor=#e23433 cellSpacing=0 cellPadding=0 width=800 bgColor=#999999 align=center border=2> <TBODY> <TR> <TD> <P align=center><FONT face=宋体 color=#ff6600 size=5><STRONG>双线加底色变单线边框及代码</STRONG></FONT></P></TD></TR></TBODY></TABLE> 说明：要加底色，其它代码与上面相同，只需将cellSpacing=0 cellPadding=0数字改为0即可。 双线边框加图片及代码 <TABLE borderColor=#e23433 cellSpacing=3 cellPadding=3 width=800 bgColor=#999999 background=http://image83.360doc.com/DownloadImg/2015/03/1105/51009586_4.jpg align=center border=2> <TBODY> <TR> <TD> <P align=center><FONT face=宋体 color=#ff6600 size=5><STRONG>双线边框加图片及代码</STRONG></FONT></P></TD></TR></TBODY></TABLE> 说明：其它代码与上面相同，只增加一个底图代码：background=http://image83.360doc.com/DownloadImg/2015/03/1105/51009586_4.jpg (此时底色代码bgColor=#999999 可以删除，也可以不删除，被图片盖住了。) 双线边框加完整图片及代码 <TABLE borderColor=#e23433 height=530 cellSpacing=3 cellPadding=3 width=850 align=center bgColor=#999999 background=http://image83.360doc.com/DownloadImg/2015/03/1105/51009586_5.jpg border=2> <TBODY> <TR>BR><TD> <P align=center><FONT face=宋体 color=#ff6600 size=5><STRONG>双线边框加完整图片及代码</STRONG></FONT></P></TD></TR></TBODY></TABLE> 说明：只需将底图地址改成完整图片地址http://image83.360doc.com/DownloadImg/2015/03/1105/51009586_5.jpg 即可。另外添加高度代码：height=530 ，将边框高，宽的数字改成图片height=530 width=850 高，宽一致。 如果不需要边线，将此border=0数字改为0即可。 双线边框加完整图片加梦幻及代码 <TABLE style="filter:Alpha(opacity=100,finishOpacity=0,style=2)" borderColor=#e23433 height=530 cellSpacing=3 cellPadding=3 width=850 align=center bgColor=#999999 background=http://image83.360doc.com/DownloadImg/2015/03/1105/51009586_5.jpg border=2> <TBODY> <TR> <TD> <P align=center><FONT face=宋体 color=#ff6600 size=5><STRONG>双线边框加完整图片加梦幻及代码</STRONG></FONT></P></TD></TR></TBODY></TABLE> 说明1：其它代码与上面没有梦幻的代码相同，只增加一个梦幻代码： style="filter:Alpha(opacity=100,finishOpacity=0,style=2)" 说明2：如果将梦幻参数style=2：2改为3，即是方型梦幻了。如将梦幻参数opacity=100,finishOpacity=0,style=2：opacity=100改为0，将finishOpacity=0改为100，如下：opacity=0,finishOpacity=100,style=2那就变为中间梦幻了。 双线边框加完整图片再加动画及代码 <TABLE borderColor=#e23433 height=530 cellSpacing=3 cellPadding=3 width=850 align=center bgColor=#999999 background=http://image83.360doc.com/DownloadImg/2015/03/1105/51009586_5.jpg border=2> <TBODY> <TR> <TD> <P align=center><FONT face=宋体 color=#ff6600 size=5><STRONG>双线边框加完整图片及代码</STRONG></FONT></P> <DIV style="MARGIN-TOP: -500px; MARGIN-LEFT: 30px"> <embed src="http://csyh./upfiles/201109/音乐符号.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" name="obj3" width="850" height="520" quality="High" wmode="transparent"></DIV></TD></TR></TBODY></TABLE> 说明：只需地址添加一个动画代码(桃色代码)即可：为防止出现多余底图，动画的高宽要小于底图的高宽；或者用定位代码DIV style="MARGIN-TOP: -500px; MARGIN-LEFT: 30px"来解决。 希望以上代码的运用对好友编辑有所帮助！ 和尚于2015-03-10编辑制作