巧用代碼製作對聯畫

背景圖上添加文字效果圖一

背景圖上添加文字效果圖二

對聯畫效果圖

代碼一

<DIV align=center><TABLE width_=300 align=center border=0><TBODY><TR><TD bgColor=#cc0033><DIV align=center>&nbsp;</DIV><DIV align=center><FONT style="FONT-SIZE: 32px; FONT-FAMILY: 隸書" color=#ffcc00><B>往日煙雲</B></FONT></DIV><DIV align=center>&nbsp;</DIV></TD></TR><TR><TD bgColor=#e9967a><DIV style="HEIGHT: 500px" align=center><P>&nbsp;</P><P>&nbsp;</P><TABLE height=400 cellPadding=10 width_=266 align=center background=http://image22.360doc.com/DownloadImg/2011/01/2622/8764221_4 border=3 TABLE="0"><TBODY><TR><TD><DIV align=center><FONT face=楷體_GB2312><FONT size=4><FONT color=#e9967a><BR></FONT><FONT style="FONT-SIZE: 22px"><FONT style="FONT-SIZE: 20px"><FONT style="FONT-SIZE: 18px; FONT-FAMILY: 隸書" color=#ff0000>小&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;皖<BR>鈺&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;溪<BR>姥&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;冬<BR>姥&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;牛<BR>帶&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;在<BR>小&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;皖<BR>鈺&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;溪<BR>喜&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;樂<BR>觀&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;見<BR>山&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;老<BR>口&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;驥<BR>之&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;骨<BR>日&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;奇<BR></FONT></FONT></FONT></FONT></FONT></DIV></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></DIV>

<TABLE width_=300 align=center border=0><TBODY><TR><TD bgColor=#436eee><DIV align=center>&nbsp;</DIV><DIV align=center><FONT style="FONT-SIZE: 32px; FONT-FAMILY: 隸書" color=#ff0000><B>往日煙雲</B></FONT></DIV><DIV align=center>&nbsp;</DIV></TD></TR><TR><TD bgColor=#63b8ff><DIV style="HEIGHT: 500px" align=center><P>&nbsp;</P><P>&nbsp;</P><TABLE height=400 cellPadding=10 width_=266 align=center background=http://image22.360doc.com/DownloadImg/2011/01/2622/8764221_5 border=3 TABLE="0"><TBODY><TR><TD><DIV align=center><FONT face=楷體_GB2312><FONT size=4><FONT color=#e9967a><BR></FONT><FONT style="FONT-SIZE: 22px"><FONT style="FONT-SIZE: 20px"><FONT style="FONT-SIZE: 18px; FONT-FAMILY: 隸書" color=#ff0000>小&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;皖<BR>鈺&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;溪<BR>姥&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;冬<BR>姥&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;牛<BR>帶&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;在<BR>小&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;皖<BR>鈺&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;溪<BR>喜&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;樂<BR>觀&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;見<BR>山&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;老<BR>口&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;驥<BR>之&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;骨<BR>日&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;奇<BR></FONT></FONT></FONT></FONT></FONT></DIV></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE>

<TABLE style="WIDTH: 80%" cellSpacing=1 cellPadding=3 border=1><TBODY><TR><TD>&nbsp;<TABLE width_=100 align=center border=0><TBODY><TR><TD bgColor=#a52a2a><DIV align=center><FONT style="FONT-SIZE: 14px; FONT-FAMILY: 隸書" color=#ffffff><B></B></FONT>&nbsp;</DIV><DIV align=center><FONT style="FONT-SIZE: 14px; FONT-FAMILY: 隸書" color=#ffffff><B></B></FONT>&nbsp;</DIV><DIV align=center><FONT style="FONT-SIZE: 14px; FONT-FAMILY: 隸書" color=#ffffff><B></B></FONT>&nbsp;</DIV><DIV align=center><FONT style="FONT-SIZE: 14px; FONT-FAMILY: 隸書" color=#ffffff><B></B></FONT>&nbsp;</DIV></TD></TR><TR><TD bgColor=#e9967a><DIV style="HEIGHT: 500px" align=center><FONT style="FONT-SIZE: 24px; FONT-FAMILY: 隸書" color=#ff0000>小<BR>鈺<BR>姥<BR>姥<BR>帶<BR>小<BR>鈺<BR>喜<BR>觀<BR>山<BR>口<BR>之<BR>日</FONT></DIV></TD></TR></TBODY></TABLE></TD><TD>&nbsp;<TABLE width_=300 align=center border=0><TBODY><TR><TD bgColor=#a52a2a><DIV align=center><FONT style="FONT-SIZE: 14px; FONT-FAMILY: 隸書" color=#ffff00><B></B></FONT>&nbsp;</DIV><DIV align=center><FONT style="FONT-SIZE: 32px; FONT-FAMILY: 隸書" color=#ffff00><B>往日煙雲</B></FONT></DIV><DIV align=center><STRONG><FONT face=隸書 color=#ffff00></FONT></STRONG>&nbsp;</DIV></TD></TR><TR><TD bgColor=#e9967a><DIV style="HEIGHT: 500px" align=center><P>&nbsp;</P><P>&nbsp;</P><P><A href="http://static1.photo.sina.com.cn/orignal/5e1a7abfg7032acd535f0&amp;690&amp;690" target=_blank><IMG src="https://www.getit01.com/getimg_360.php?url=http://static1.photo.sina.com.cn/middle/5e1a7abfg7032acd535f0&amp;690&amp;690" onload="if(this.clientWidth>500)this.style.width_="500px";"></A></P></DIV></TD></TR></TBODY></TABLE></TD><TD>&nbsp;<TABLE width_=100 align=center border=0><TBODY><TR><TD bgColor=#a52a2a><DIV align=center><FONT style="FONT-SIZE: 14px; FONT-FAMILY: 隸書" color=#ffffff><B></B></FONT>&nbsp;</DIV><DIV align=center><FONT style="FONT-SIZE: 14px; FONT-FAMILY: 隸書" color=#ffffff><B></B></FONT>&nbsp;</DIV><DIV align=center><FONT style="FONT-SIZE: 14px; FONT-FAMILY: 隸書" color=#ffffff><B></B></FONT>&nbsp;</DIV><DIV align=center><STRONG><FONT face=隸書 color=#ffffff></FONT></STRONG>&nbsp;</DIV></TD></TR><TR><TD bgColor=#e9967a><DIV style="HEIGHT: 500px" align=center><FONT style="FONT-SIZE: 24px; FONT-FAMILY: 隸書" color=#ff0000>皖<BR>溪<BR>冬<BR>牛<BR>在<BR>皖<BR>溪<BR>樂<BR>見<BR>老<BR>驥<BR>骨<BR>奇</FONT></DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>&nbsp;</P>

推薦閱讀：