大图对接模板边框制作（原创作者：幽梦）

很多朋友发信息说原来的教程只发代码看不明白，现在幽梦结合实例重新做了一下，应该

都能看懂了。

组合的日志背景边框制作方法步骤如下：

一：首先利用自己熟悉的图片制作软件，设计制作一幅自己满意喜欢的背景图片素材，或

选择一幅自己喜欢的现成的背景图片素材，如下图：

二：将上图分割成三部分如下：

上部

中部

下部

注意下，你的图片切分后的某一部分必须是可以无限重叠的！！！当然大图音画就

有多处切分部分可以无限重叠！

三：将图片地址复制到如下的边框代码中：

下面是对接代码：

<TABLE style="LEFT: -5px; BACKGROUND-IMAGE: url(图片地址一); WIDTH: 800px; POSITION: relative; TOP: 0px" borderColor=#cccccc height=320 cellPadding=12 width="100%" align=center bgColor=#000000 border=0>

<TBODY>

<TR>

<TD>

<P align=center>&nbsp;</P>

<P align=center><FONT color=#cc9900 size=5></FONT>&nbsp;</P>

<P align=center>&nbsp;</P></TD></TR></TBODY></TABLE>

<DIV></DIV>

<DIV class=articalContent align=center>

<TABLE style="LEFT: -5px; BACKGROUND-IMAGE: url(图片地址二); WIDTH: 800px; POSITION: relative; TOP: 0px" borderColor=#cccccc height=320 cellPadding=12 width="100%" align=center bgColor=#000000 border=0>

<TBODY>

<TR>

<TD>

<P align=center>&nbsp;</P>

<P align=center><FONT color=#cc9900 size=5></FONT>&nbsp;</P>

<P align=center>&nbsp;</P></TD></TR></TBODY></TABLE>

<DIV></DIV>

<DIV class=articalContent align=center>

<TABLE style="LEFT: -5px; BACKGROUND-IMAGE: url(图片地址三); WIDTH: 800px; POSITION: relative; TOP: 0px" borderColor=#cccccc height=320 cellPadding=12 width="100%" align=center bgColor=#000000 border=0>

<TBODY>

<TR>

<TD>

<P align=center>&nbsp;</P>

<P align=center><FONT color=#cc9900 size=5></FONT>&nbsp;</P>

<P align=center>&nbsp;</P></TD></TR></TBODY></TABLE>

<DIV></DIV>

<DIV class=articalContent align=center>

四：这组代码只有三张图片的，每种颜色是一张图片的代码，别弄乱了。如果需要多的（比如大图边框），可复制粘贴增加。WIDTH是图片的宽度，height是图片的高度，要根据图片的大小修改数值。

五、 加上一个边框，效果如下：

这里输入文字……

更多组合模板边框点击进入 

这样设置好的图片任意一张都可以写字，这比在在线编辑器里慢慢调整方便得多。

外框怎么弄，幽梦就不多说了，前面有N多教程，有兴趣的慢慢去看吧。

这简单的一组代码，在QQ空间目前能运用自如的不多，这是幽梦自创的（用过幽梦做的

边框的朋友都知道，博客套用的代码没这好做，而且上下不能写字，不过现在博客也开始用这

种方法做），希望朋友拿去比幽梦做得更好。

欢迎转载  复制发表请保留原文链接！