再谈巧制边框

关于边框的制作在我博上发表后,不少朋友引用,遇到一个难题是扩展困难, 为此我重新作了代码修改,尽量简便易操作,并用颜色代码区别说明相互关系, 向学习者提出一个建议: 学习中不要简单照搬,遇到问题就束手无策,要研究其中关系才能达到灵活运用!  
.........................................................基本原图..............................................................

基本代码:

<TABLE cellSpacing=0 cellPadding=0>
<TBODY>
<TR height=20>
<TD width=20 background=naname01.gif bgColor=#ff0000 colSpan=2 红色上框></TD>
<TD width=20 background=naname01.gif bgColor=#008000 rowSpan=2 绿色右框></TD></TR>
<TR>
<TD width=20 background=naname01.gif bgColor=#0000ff rowSpan=2 兰色左框></TD>
<TD bgColor=#ffffff 中间底色>
<DIV style="PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: normal; FONT-SIZE: 13px; PADDING-BOTTOM: 5px; LINE-HEIGHT: 130%; PADDING-TOP: 5px; FONT-STYLE: normal; FONT-VARIANT: normal"><IMG style="CURSOR: hand" src="http://image3.360doc.com/DownloadImg/2009/1/9/50944_2296609_1.gif"> </DIV></TD></TR>
<TR height=20>
<TD background=naname01.gif bgColor=#ffff00 colSpan=2 height=20 黄色底框></TD></TR></TBODY></TABLE>

代码颜色区分:四边框的代码/中间颜色/四框与中间图的间距/中间图地址/

........................................................................................................................................................................

示范图

......................................四框外分......................................

   ..........................................底图改色........................................

	重庆摄影发烧友何忠远6月21日晚拍下了数十张朝天门的照片， 而其中4张出现疑似出现了“UFO”的轮廓。 照片中的‘不明飞行物’轮廓清晰，甚至连‘天线’都清晰可见。

  .....................................日志图文....................................

	谢谢你的来访与留言

 ..........................................动态花边.........................................

	#####################现将上图作一扩展演示######################

 ..........................................上图扩展示范.........................................